Her er en lille fræk måde at få små ikoner på dine links. F.eks. link til dokumenter og den slags, hvis du bruger det. Smid følgende i dit style.css:
a[href$=".PDF"], a[href$=".pdf"] {
padding: 2px 2px 2px 20px;
background: url("images/pdf_icon_red.gif") left center no-repeat;
}
Ovenstående laver et pdf-ikon foran dine pdf-links. Jeg har fremhævet med fed, hvilke stumper i koden, der er relevante. Som det ses virker det på både .pdf og .PDF og at den bruger pdf_icon_red.gif og det kan bare være en fil du selv vælger. Her er et eksempel med Word-dokument links:
a[href$=".DOC"], a[href$=".doc"] {
padding: 2px 2px 2px 20px;
background: url("images/word2003_icon.gif") left center no-repeat;
}
Ikonerne skal nok ikke være mere end 16*16 px, det vil sige standard favicon-størrelse. Den klassiske Silk Icon Collection giver 700 at vælge i mellem.
Det kan ses i praksis her:
http://www.puppetfestival.dk/press/pressrelease/
og nederst her:
http://www.puppetfestival.dk/press/billeder/
Jeg kan lide at det er enkelt, praktisk og en no-brainer, når koden og ikonerne først er oprettet.
not a support question