disign | CSS: aggiungere al link info | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/css-aggiungere-al-link-info-487-3-1.html

© Luca Frassineti

Css tips and tricks 9.742 visualizzazioni

CSS: aggiungere al link info

29/07/2013

A volte capita di inserire dei link a  documenti in formato PDF che raggiungono dimensioni molto alte e possono provocare irritazione all'utente non correttamente avvisato del tipo e delle dimensioni del link.

Attraverso una semplice regola CSS possiamo 'aggiungere' alcune info che identificano la tipologia del link e informano anche sulla dimensione.

Ecco l'esempio di regola CSS da inserire nel nostro foglio stile:

 

a[href$=".pdf"][data-size]:after 
{ 
content: " (documento PDF, " attr(data-size) ")"; 
}

Quindi l'html del link sarà


<a href="some.pdf" data-size="2 MB">brochure</a>

CSS

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 




Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:



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