Iconos al Lado de los Link según su extensión o estructura con CSS

closeHola! hace 7 years 2 months 15 days que escribí esta entrada, puede que esta información ya no sea valida en la actualidad, por favor se comprensivo conmigo cuando comentes 🙂
Si quieres agregar un icono al lado de tus link que los identifique según su función o extensión, solo tienes q escribir este código en tu css y listo, cada vez que agregues un link te pondrá un icono automáticamente al lado de este.

Cambia el “.exe” por la extensión que quieras personalizar, puedes agregar tantas extensiones como quieras.
Para extensiones de archivos

a[href$='.exe'] { 
 
	padding-left:20px;  
 
	background: transparent url(icons/icon_exe.gif) no-repeat center left;
 
}

Para vídeos de youtube y otros

a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
 
	padding-left:20px;  
 
	background: transparent url(icons/icon_film.gif) no-repeat center left;
 
}

You may also like...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *