Inicio CSS estilos Añadir imagen a los link externos o a cualquie link

Añadir imagen a los link externos o a cualquie link

Domingo, 17-05-2015 17:54 - Leer comentarios - Comentar

Para añadir las imagenes o cualquier stilo css solo devemos poner lo que nos interese dentro de las etiquetas 'style'
Texto plano
 /* Donde pone pdf puede ser cualquier otra cosa*/

/* A todas las etiquetas cuyo atributo HREF termina en '.pdf' */
a[href$='.pdf'] { 
	background: transparent url(icon_pdf.gif) no-repeat center left;
	padding-left: 18px;
}

/* A todas las etiquetas cuyo atributo REL es igual a 'pdf' */ 
a[rel='pdf'] {
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/*A todas las etiquetas cuyos atributos REL tiene las letras 'pdf' en cualquier lugar*/
a[rel*='pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/* A todas las etiquetas cuya REL atributo contiene el valor 'pdf', separados de otros valores con un espacio */
a[rel~='pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/* A todas las etiquetas cuyo atributo HREF comienza con mailto: */
a[href ^="mailto:"] {
	padding-right: 18px;
    background: transparent url(icon_mailto.gif) no-repeat center right;
   
}

/* A todas las etiquetas cuya CLASE atributo es 'pdf'*/
a[class ="pdf"] {
	padding-right: 18px;
    background: transparent url(icon_popup.gif) no-repeat center right;
}

Comentarios

No se permiten comentarios en este momento.