Esto no es un blog. Es una sección que programé para ir publicando aquellas cositas que me parecen interesantes y, por cualquier motivo, quiero tener a mano. Copia lo que quieras, usa lo que quieras (pero respeta sus licencias).
Escrito por: Martín el 17-07-2008 06:54:59
Esta es una excelente solución para aquellas veces en las que necesitamos hacer una lista de descargas y queremos que cada uno de los links tengan un icono representativo del tipo de archivo que vamos a descargar.
Se le puede asignar a cada enlace con una o más extensiones una imagen para imprimir y que se vea como en la imagen de ejemplo, tampoco es necesario agregarlo para todos, sólo las extensiones que nos interese, una entrada en el CSS y listo!
En el link que dejo en estas líneas, hay una colección de iconos para descargarse y en el código está el ejemplo de como usar esta técnica.
Y el ejemplo del código de más abajo nos quedaría como la siguiente imagen...
Código CSS
a[href $='.pdf'] {
padding-left: 20px;
background: transparent url(icon_pdf.gif) no-repeat center left;
}
Búscame en Facebook
Sígueme en Twitter![[Q] Interactiva](/images/q-interactiva.gif)
[Q] Interactiva
Carlos Macías
Quadrícula Blog
Francisco Moreno 2.0
Andrés Karp
Klapz Comunicacion y Diseño
ProjekPoster de Personajes
Luis Adrián Rosas Wiedfeld
Criterion - Armando Sotoca
Tecnorama - Andrés Cayon
Blocket PC Spanish Mobile AUG
Subflash
CSS WOW
CSS Clip
CSS Star
CSS Creme
Boxed CSS
CSS Brigit
CSS Based
CSS Loggia
CSS Leak
CSS Design
CSS Orgy
