Yazılarımızdaki bir kelimeye bağlantı veririr ve okuyucumuzun onuda takip etmesini isteriz. Verdiğimiz bu bağlantı belki bir başka web sayfası olabilir belkide bir dosya! CSS ile istediğimiz dosya türüne belirleyecek simgeler ekleyebiliriz. Hadi başlayalım:
1. Adım: İlk önce genel olarak tüm linklere bir simge kullanalım. Biliyoruz ki bunun için <a> tagına CSS ile bir biçim tanımlamak:
a {
background:transparent url(images/link.png) no-repeat scroll right center;
padding-right:20px;
}
Burada “link.png” (
) adlı simgemizin yatay olarak sağ tarafta durmasını ve dikey olarak ortalamasını istedik (right center) ve sağ tarafta 20px’lik bir boşluk oluşturduk. Artık bütün linkler bu simgeye sahip olacak. Örnek için buraya bakabilirsiniz.
2. Adım: Bu adım çok kolay bir adım. Sadece özel bir CSS kodu ile uzantılı dosyaları özelleştirmeyi öğreneceğiz:
a[href$=".rar"] { /* .rar uzantılı dosyalar için özel simge koymak */
background-image:url(images/compress.png);
}
Yukarıdaki kod ile .rar uzantılı bir bağlantı oluşturulduğunda CSS ile ona “link.png”() simgesi yerine “compress.png”(
) simgesini kullanmasını söyledik. İşte buyrun kodlar nasıl çalışıyor.
Evet bu şekilde bir çok uzantıya değişik şeyler uygulayabiliriz. Tek yapılması gereken şey bu kodun doğru uygulanması. İyi çalışmalar 
