Css ile Dropdown Yapımı

Merhaba Arkadaşlar,
Bu makalede Css ile dropdown (açılır menü) nasıl yapılır onu öğreneceğiz.Öncelikle dropdown yani açılır menü nedir ondan bahsedelim.Web sitelerinde üzerine gelindiğinde veya fare ile tıklandığında açılan menülerdir.Daha çok menü öğelerinin çok olduğu durumlarda tercih edilir.Örneğin bir ETicaret sitesini düşünelim.Onlarca kategoride ürün olabiliyor.Bu gibi durumlarda menülerin daha düzenli olması için dropdown menüler ile iç içe kategoriler oluştururuz.Böylece daha sade bir tasarım ile kullanıcının daha rahat gezinmesi amaçlanır.Aşağıda birden fazla dropdown menü bulunuyor.İlerleyen zamanlarda örneklerin sayısını arttırmayı düşünüyorum.Artık örneklerimize geçebiliriz.İlk önce Html ve Css kodlarını yazıp daha sonra örneklerimizin demo sunu paylaştım.Kodları incelediğinizde daha anlaşılır olacaktır.

Örnek 1 – Html ve Css kodlarımız;

Örnek 2 – Html ve Css kodlarımız;

Örnek 3 – Html ve Css kodlarımız;

Örnek 4 – Html ve Css kodlarımız;

Css ile menülerin nasıl yapıldığını öğrenmek istiyorsanız şu makaleler de ilginizi çekebilir.

Responsive Menü Yapımı

Css ile Yatay Sticky Menü Yapımı

Css ile Yatay Sabit Menü Yapımı

Css ile Yatay Açılır Menü Yapımı

Css ile Yatay Menü Yapımı

Css ile Dikey Sabit Menü Yapımı

Css ile Dikey Menü Yapımı

Yeni bir makalede görüşmek üzere.

2 Comments

  1. Erol Nisan 8, 2019 Reply
    • admin Nisan 17, 2019

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +