Iconisez vos liens en CSS

Voila un petit package bien pratique proposé chez Pooliestudios, Iconize Textlinks with CSS, qui vous fournit les icônes et le code CSS permettant d’afficher automatiquement à coté de chaque lien vers un type de fichier spécifique, l’icône qui lui correspond. Quelques exemples dans l’image ci-dessous.

Cliquez sur l’image pour la voir en grand

Ca couvre un bon paquet d’extensions (de fichiers, mais aussi de services comme les mails, les clients IM, les vidéos online, etc…). Et si besoin d’en rajouter, il suffit de trouver une icône et de s’inspirer du code dans le fichier CSS fournit. Les icônes proposées ici viennent de chez famfamfam, que je vous invite à visiter pour trouver votre bonheur.

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

C’est tout con, mais ça peut se révéler bien pratique sur un blog ou un site d’entreprise proposant de nombreux liens vers des documents (Word, PDF, etc…) pour que les visiteurs identifient rapidement le type de lien sur lequel ils cliquent.