PDF,Word ve Excel dükümanlarına verilen linki css ile şekillendirmek

Sayfamızda indirilebilir dökümanlara (pdf,doc veya xls uzantılı) verdiğimiz linkleri CSS ile şekillendirerek daha belirgin hale getirebiliriz. CSS’nin bize tanıdığı [att$=val] özelliği ile a[href$=".pdf"] kodunu yazarak içinde href özniteliği “.pdf” ile biten her linkin stilini belirleyebiliriz. Aşağıdaki örnekte bu linklerin yanına küçük resimler ekliyoruz.

a[href$=".pdf"] {
background: url(’images/pdf.gif’) no-repeat right top;
padding-right: 30px;
}
a[href$=".doc"] {
background: url(’images/doc.gif’) no-repeat right top;
padding-right: 30px;
}
a[href$=".xls"] {
background: url(’images/xls.gif’) no-repeat right top;
padding-right: 30px;
}

Bu kodu stil sayfamıza ekledikten sonra pdf dökümanlarına verdiğimiz link şu şekilde olur:

Mehmet Doğan’ınTeknoloji Kimin Umrunda kitabının e-book versiyonu

İlgili yazılar