Buradaki yazıda pdf word ve excel dosyalarının nasıl şekillendirebileceğimizi yazmıştım. Buradan indireceğiniz .zip dosyası ile aşağıdaki gibi linklere sahip olabilirsiniz. .zip dosyasının içinden çıkan css dosyasını sayfanıza aşağıdaki gibi ekleyip

<link rel="stylesheet" href="iconize.css" type="text/css" media="screen" />

icons klasörünüde server’a yüklemeniz yeterli olacaktır.

.doc - .rtf

.txt

.pdf

.xls

.xpi (Firefox Extension)

.rss - .atom

.opml

.vcard

.exe

.dmg - .app

.pps

.ical

.jpg - .gif - .png - .bmp

.svg - .eps

.swf - .fla

.css

.mp3 - .wav - .ogg - .wma - .m4a

.zip - .rar - .gzip - .bzip - .ace

.ttf

.mov - .wmv - .mp4 - .avi - .mpg

.phps

.torrent

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