Basit bir akordeon tasarımı

0
126
views

akordeon

Akordiyon örnekleri  hem menüler  hem de  içeriklerin eklenmesi için oldukça işe yarayan çalışmalardır. Genişliği kolay ayarlanabildiğinden hemen hemen her türlü alan içine sığdırılması çok kolaydır. Genelde menü örnekleri için kullanılıyor  olsalar da resim, video ve yazı gibi içeriklerin eklenmesi için de çok kullanışlıdırlar. Buradaki akordiyon örneğimiz içerik eklemeniz için hazırlanmış. İstediğiniz, aklınıza gelen her türlü  içeirği ekleyebilirsiniz video, resim, yazı gibi.

Eğer  Css ile biraz özelleştirirseniz linkler  ekleyerek akordiyon menü olarak ta kullanabilirsiniz. Bazı örneklerde mouse üzerine geldiği zaman aşağıya doğru açılırlar. Buradaki örnekte mouse ile tıkladığınızda akordiyon çerçevesi kayarak açılır.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Js dosya adresi:

JavaScript :

Css :

  • Body etiketleri arasına eklemeniz gereken bölüm.

Html :

1 oy (No Ratings Yet)
Loading...
Önceki İçerik3D hareketli web-sayfası tasarımı
Sonraki İçerikFlashyNav – Flash benzeri nasigasyon tasarımı
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here