Iconize, iconos para tus links
Escrito por J.F. el Tuesday, 11 de December del 2007 a las 16:56
Iconize es una forma de generar links con iconos bastante curiosa. Simplemente, en función de la extensión en la que acabe un vÃnculo, le agregará un icono u otro. Si el vÃnculo apunta a un archivo pdf, al lado se mostrará un icono identificativo de un pdf, si es un feed, se mostrará un icono rss, y asà con un montón de extensiones diferentes (imágenes, vÃdeos, documentos de word, presentaciones,etc).
Sin duda una forma muy fácil de adornar nuestros enlaces, ayudando al visitante a identificar a qué tipo de documento le llevan los vÃnculos. La forma de hacer uso de Iconize es tan simple como incluir la hoja de estilos y tener la carpeta llamada icons:
Asà de simple. Si echamos un vistazo a la hoja de estilos, veremos qué tipo de expresiones utilizan para identificar la extensión del archivo al que apuntan nuestros vÃnculos, y como en cada caso cambian la imagen a mostrar. Aquà puedes ver un fragmento de la hoja de estilos:
-
a[href$='.pps'] {
-
padding: 5px 20px 5px 0;
-
background: transparent url(icons/icon_pps.gif) no-repeat center right;
-
}
-
-
a[href$='.pdf'] {
-
padding: 5px 20px 5px 0;
-
background: transparent url(icons/icon_pdf.gif) no-repeat center right;
-
}
-
-
a[href$='.xpi'] {
-
padding: 5px 20px 5px 0;
-
background: transparent url(icons/icon_plugin.gif) no-repeat center right;
-
}
-
-
a[href$='.fla'], a[href$='.swf'] {
-
padding: 5px 20px 5px 0;
-
background: transparent url(icons/icon_flash.gif) no-repeat center right;
-
}
Es compatible practicamente con todos los navegadores, excepto con Internet Explorer 6 y versiones anteriores.
Enlace: | Iconize | Descargar
Escribir comentario
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
Entradas relacionadas
Deja un comentario
