CSS İle Listeleme Etiketlerini Özelleştirme [UL-OL]

23 Şubat 2013 Cumartesi tarihinde yazılmıştır.



Merhaba sevgili Alaaddin AKITIR takipçileri.




Sitemizin görüntüsünü iyileştirmemiz açısından listeleme çok işe yarar fakat listemede ( ☻ , 1 , a,b,c ) tarzı simgeler yerine kendi belirlediğimiz icon'un olması hem temamıza uyumluluğu hemde daha hoş bir tasarım açısından iyi olur.

Listemele simgesini değiştirmek için <head>... </head> arasına basit bir css kodu eklememiz yeterlidir.. 

Kırmızı renkli yere kendi istediğimiz başka bir icon resminin linkini verebiliriz.

Not: eğer ul etiketini değiştirmek istiyorsanız bunu yapın.Ol için ul yazan yeri değiştirebilirsiniz.



 <style>
ul {
 list-style-image:url('http://icons.iconarchive.com/icons/icojam/blue-bits/16/arrow-right-icon.png');
}</style>


Öncesi                                     

Sonrası

CSS İle Listeleme Etiketlerini Özelleştirme [UL-OL] için “0 yorum” bulunmaktadır.