CSS ile Linkin Uzantısına Göre İkon

Ağu

Kategori: (CSS) Yazan: AoRGuN, 03-08-2008

Etiketler : CSS, padding, sitemap, uzantıya göre ikon, xml

Linkin Uzantısına Göre İkon

Bu yolu eski bir sitemde kullanıyordum, Baybars’ın şurdaki yazısını okuyunca aklıma geldi tekrar. Ufak bir CSS koduyla her linke otomatik ikon ekleyebiliyorsunuz, fakat bunu özelleştirmek mümkün. Ben bu özelleştirmelerden en sevilenini anlatacağım: “Uzantıya Göre İkon”

CSS Kodu:

a[href $='.xml'] {
padding-right: 18px;
background: transparent url(http://www.aorgun.net/favicon.ico) no-repeat center right;
}

Burada; .xml uzantılı bir adres olduğunda, otomatik olarak benim favicon’umu yerleştiren bir stil hazırladık. padding değeri ile ikonun 18px sağda görünmesini sağladık ve no-repeat ile de ikonun tekrarını engelledik.

HTML Kodu:
Bildiğimiz link kodu . Yine de buyrun, hızlı bir deneme yaparsınız…

<a href=”http://www.aorgun.net/sitemap.xml”>AoRGuN.NeT SiteMap</a>

Uygulamanın bir örneği için buraya tıklayın…

Ayrıntılı Oku

Yorumlar: