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.