bekleyin ...![Pin It](http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwolkan.ca%2Fcss-ile-acrobat-word-excel-ve-quicktime-gibi-baglantilara-icon-atama%2F&media=http://wolkan.ca/wp-content/uploads/i/2008/10/pdficin.jpg&description=Css ile bağlantılara ikon görseli eklenebiliyor örneğin aşağıdaki gibi; <a class="ikon-baglanti" href="baglanti.html">baglanti</a> .ikon-baglanti {padding-right:18px; background:transparent url(icon_pdf.gif) no-repeat center right;} Fakat şimdi burada%20%23wolkanca%20%40wolkanca){kind=link}
Css ile bağlantılara ikon görseli eklenebiliyor örneğin aşağıdaki gibi;
<a class="ikon-baglanti" href="baglanti.html">baglanti</a>
.ikon-baglanti {padding-right:18px; background:transparent url(icon_pdf.gif) no-repeat center right;}
Fakat şimdi burada yazacağım yöntem class veya id tag i kullanmadan sayfada vermiş olduğunuz bağlantı örneğin Acrobat, Word, Excel veya Quicktime gibi dosyalar ise ona otomatik olarak ikon atamak olacak.
Bunu örneklersek şöyle yapıyoruz;
Html kısmı:
<a href="kalsor/sunum12.pdf">pdf için</a>
Css kısmı:
a[href $='.pdf'] {padding-right: 18px; background: transparent url(icon_pdf.gif) no-repeat center right;}
Yukarıdaki bağlantı .pdf olduğu için css den .pdf lere olan bağlantıları aşağıdaki gibi yapmış olduk, sonuç aşağıdaki gibi olacak;
Güncelleme - 10 Ekim, 2008 13:13
merhaba,
şunu sormak istiyorum:
iconları göstermek için web sitesinde(wordpress alt yapısını kullanıyorum) wp'in kurulu olduğu dizinde nereye yüklemek gerekiyor acaba?
verdiğiniz kodları, yazı editörünü açtıktan sonra html bölümünde mi yayımlamamız gerekiyor?