Lauryn Web Design - Milano, Edimburgo e online

Icone e css per i doc

Uno strumento importante oggi: un css abbinato a icone dei programmi più usati per visualizzare o scaricare allegati, da word a excel, etc attraverso il quale si attribuisce in modo automatico a link che presentano certe caratteristiche, le icone citate.

Esempio:

Vogliamo che di fianco ad ogni link dei file pdf compaia l’iconcina relativa?

Ecco come si fa:

a[href$=’.pdf’] {
    padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

come vedete si fa ricorso ad uso avanzato di definizioni di tags. In questo caso stiamo dicendo al css che ogni link che abbia come href un qualsiasi testo contenente .pdf deve avere quelle caratteristiche (l’iconcina relativa come background).

Carino vero? E soprattutto utile perchè già impostato per le maggiori applicazioni del web.

Unica pecca: non funziona su ie6 (ovviamente :S)

Ecco il link dove scaricare css e icone: Iconize textlinks with css

Se ti è piaciuto condividilo

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *