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

Bu yazı 3 ay veya daha önce yayınlanmış olduğundan görülen linklerde, resimlerde veya kodlarda hata olabilir. Herhangi bir hata ile karşılaşırsanız bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dilerim.

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

5 comments
Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

PREMIUM WORDPRESS TEMALARI
wordpress emlak teması
wordpress rent a car teması v2
%d blogcu bunu beğendi: