Bir Açılır Menü Nasıl Oluşturulur

İçindekiler:

Bir Açılır Menü Nasıl Oluşturulur
Bir Açılır Menü Nasıl Oluşturulur

Video: Bir Açılır Menü Nasıl Oluşturulur

Video: Bir Açılır Menü Nasıl Oluşturulur
Video: Html, Css Açılır Menü (Dropdown Menu) 2024, Mayıs
Anonim

Açılır menü, bir web sayfasının tasarımında ve boş alanın kullanımında en uygun çözümlerden biridir. Birkaç yolla yapılabilir.

Bir açılır menü nasıl oluşturulur
Bir açılır menü nasıl oluşturulur

Gerekli

HTML düzenleyicisi

Talimatlar

Aşama 1

Bilgisayarınıza bir web sayfası düzenleyicisi indirin ve yükleyin. Standart bir metin düzenleme programı da kullanabilirsiniz, ancak özel düzenleyicilerde HTML koduyla çalışmak çok daha kolaydır. Seçimlerinde gezinemezseniz, sezgisel bir arayüze ve minimum işlevlere sahip sıradan Rusça programları tercih edin. Yazılımı geliştiricisinin resmi web sitesinden indirin ve menü öğelerindeki talimatları izleyerek bilgisayarınıza kurun. Çalıştırın ve.css uzantılı bir dosya oluşturmak için menüden seçin, stil olarak adlandırın.

Adım 2

En son oluşturduğunuz dosyanın.css uzantısıyla düzenlemesini açın ve içine, menünün açılır listesini düzenleme ve özelleştirme ile ilgili işlemleri gerçekleştirmek için gerekli olan aşağıdaki kodu yazın. Bunun için internette indirilebilen özel şablonlar kullanabilir veya kodu kendiniz yazabilirsiniz. Bir şablon kullanıyorsanız, açılır menünüz için arka plan rengi, yazı tipi rengiyle ilgili ayrıntılı ayarlar yapın, menü genişliğini, yüksekliğini, metin hizalamasını vb. ayarlayın. Belirttiğiniz açılır menü ayarlarını uygulamak için kodu girin.

Aşama 3

Düzenlediğiniz web sayfası için sırasız bir açılır menü öğeleri listesi oluşturun. Bunu yapmak için hazır veya yazılı kod da kullanın. Bu, açılır menünüzün temeli olacaktır.

4. Adım

Bir web sayfası için açılır menü oluşturmak için HTML kodunu kullanmak istemiyorsanız, bir Java komut dosyası indirin ve düzenleyiciye yapıştırın. Bunun için internette yayınlanan önizlemeleri olan hazır şablonları kullanın. Sayfa stilinize en uygun şablonu seçin ve ardından kötü amaçlı kod olup olmadığını kontrol edin.

Önerilen: