disign.it | CSS: link a pdf o altri tipi di documenti | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 2.218 visualizzazioni

CSS: link a pdf o altri tipi di documenti

28/05/2012

Con i CSS è possibile impostare formattazioni condizionali sulla base del contenuto dell'oggetto linkato.

Nel concreto, ad esempio, possiamo preimpostare che per i link a documenti pdf, appaia a fianco del link automaticamente l'icona di Acrobat reader, oppure che per i link a documenti Word appaia automaticamnte l'icona di Microsoft Word e così via per ogni tipo di link a oggetto diverso.

E' un'opzione molto utile nella costruzione di CMS per ottenere una formattazione gradevole preimpostata senza che l'utente debba assegnare manualmente classi o altro!

La sintassi del foglio stile sarà la seguente:

 

a[href$=".pdf"] {
    padding-left: 30px; // spazio superiore alla larghezza icona
    background-image: url(/img/acro.png); // percorso icona
    background-repeat: no-repeat;
}
a[href$=".doc"] {
    padding-left: 30px; // spazio superiore alla larghezza icona
    background-image: url(../img/word.png);
    background-repeat: no-repeat; // percorso icona
}

← Jquery: contatore caratteri immessi PHP: funzione per creare un array di risultati da query →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.