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

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

WordPress Emlak Teması

5 yorum

  1. Teşekkürler çok işime yaradı .

  2. çok başarılı olmuş bende bu tarz birşey yapmayı planlıyordum burada hazırı varmış 🙂 eline sağlık

  3. Yeni arkadaşlara yardımcı bir yazı teşekkürler 🙂

  4. Çok güzel bir uygulama olmuş. Web tasarımlarımda işime yarayacağını düşünüyorum teşekkürler.

  5. CSSyi görünce sevinmiştim ama JavaScriptten anlamıyorum, başka bir zamana kaldı artık bu açılır liste işi 🙁

Cevapla

E-posta adresiniz yayınlanmayacak. Gerekli alanlar işaretlenmelidir *

*

x

İlginizi Çekebilir

PayPal.Me İle Ödeme Alın

Paypal’ın çıkarmış olduğu PayPal.Me ile artık direk olarak kullanıcı profilinizden ödeme alabilirsiniz.PayPal.Me ...