Açılır Menü (Drop-down Menü) Nedir?

Açılır Menü (Drop-down Menü) Nedir?

İnternet sitelerinde yer alan ve üzerine tıklandığı veya fare ile imleci üzerine getirdiğinizde açılan menülere Drop-down veya Açılır Menü adı verilir. Açılır menüler özellikle çok sayıda menü öğesi veya kategoriye sahip web sitelerinde tüm bunları çok fazla yer kaplamadan yer almalarını sağlamak amacıyla kullanılır.

Açılır Menü’de Bir Ögeye Tıklanırsa Ne Olur?

Açılır menü’de herhangi bir öğeye tıklandığında, tıklanılan sayfaya yönlendirilirsiniz. Örneğin Erkek ana kategori olsun. Polo ve Tshirt de açılır menüler olsun. Bu oluşturulmuş olan menülerden birine tıklandığında o sayfa içeriğine ulaşırsınız. Ulaşacağınız sayfa bir satış sayfası da olabilir, içerik sayfası da olabilir.

Açılır menüler yatay olabileceği gibi dikey de olabilmektedir. Dikey açılan menülerde çok fazla alt menü eklemek görüntü olarak hoş durmayabilir. Bu durumlarda yatay açılan menüler tercih edilmelidir.

Basit CSS Açılır (Dropdown) Menü Yapımı

İlk adım olarak;

1. HTML dosyası oluşturulur.
2. HTML menü kodu eklenir.
3. CSS uygulanır ve açılır menü efekti oluşturulur. CSS ile stillendirmeler yapılır.Renkler ve boyutlar değiştirerek CSS kodlarında değişiklikler yapabilirsiniz.