CSS İle Açılır Liste Düzenleme // Drop-Down List

Geçen gün css ile açılır liste düzenlemesi nasıl yaparım diye bi araştırma yaptım ve yabancı kaynaklı bir sitede güzel bir makale gördüm ve bunu kendi yorumumla Türkçe olarak yazmak istedim. Evet Drop-Down Listeleme olayında css kullanmadığımız zaman çok basit bir görünüşü oluyor ve oda sitedeki duruşunu bozuyor. Aşağıda anlatacağım yöntemle güzel,şık ve hoş bir açılır menüye sahip olacaksınız. Anlatıma geçiyorum..

Kod Yapısı:

<i> etiketi FontAwesome‘dan küçük ikonları göstermek için kullanılıyor. Font Awesome’ı açıklamayacağım en son çalıştığını sende göreceksin 😉

<i> etiketinde dikkatinizi çekmek isterim ki class=”icon-facebook ibaresinde facebook kısmını değiştirmek yeterli oluyor.

CSS Ayaları:

style.css dosyası için gerekli kodlar

syle.css dosyamıza font-awesome.css ile demo.css dosyalarımızı kodda gördüğünüz gibi çekiyoruz. Makalenin sonunda demo.css ile font-awesome.css dosyasını size vericem.

JavaScript Ayarları:

Ön İzlemeİndir

Sevgiler.
Bir önceki yazımız olan PinSahin WordPress Portfolyo & FotoBlog Teması başlıklı makalemizi de okumanızı öneririz.

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

5 Yorum

Bir yanıt yazın

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.