Ponle iconos a tus enlaces

iconenlaces

Una técnica interesante es mostrar un icono al lado de cada enlace dentro de una web o blog, pero no un icono cualquiera, dependiendo que tipo de archivo o documento linquemos aparecerá uno u otro tipo de icono, ganando en vistosidad y facilidad de uso. Los chicos de pooliestudios nos proponen una forma muy facilita para conseguirlo, tendremos que descargar un pack en el cual va la hoja css necesaria junto con los iconos para los diferentes tipos de archivos o documentos. Subimos todo al ftp del sitio donde lo queramos usar y llamamos a la hoja de estilos en el header. Nada más, ahora nos aparecerá al lado de cada enlace un icono u otro dependiendo que estemos enlazando. Esta testeado en Firefox (para mac y pc), Camino, Safari y Opera (para mac y pc) y InternetExplorer 7. Desgraciadamente en IE6 no funciona.

Enlace: Iconize Textlinks with CSS

PD: Si queréis saber un poco más sobre la técnica que han usado para conseguir la hoja de estilos, está basada en este articulo: Showing Hyperlink Cues with CSS

Ir arriba