Cambiar el aspecto de los links dependiendo del tipo de fichero

0 - - 08/08/2008 07:40:30

Este fragmento de código puede ser utilizado y ampliado para mostrar iconos pequeños al lado de tus enlaces, que indiquen al usuario si es un enlace externo, un e-mail, un pdf, una imagen, ...

/* enlaces externos */
a[href^="http://"]{
	padding-right: 20px;
	background: url(external.gif) no-repeat center right;
}

/* emails */
a[href^="mailto:"]{
	padding-right: 20px;
	background: url(email.png) no-repeat center right;
}

/* imagenes */
a[href$=".pdf"]{
	padding-right: 20px;
	background: url(image.png) no-repeat center right;
}

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha