Navegando por la red me encontre con este artículo How to make RSS icons in every colour with just one imagen. Me parecio un articulo muy bueno debido al truco que presentan.
Alguna vez has visto un icono y dices «Se ve bien pero estaria mejor en otro color» y tienes que abrir algun editor de imagenes para poder cambiarlo. Bien aqui un truco muy bueno para cambiar el color del icono usando solo css y una imagen con transparencia.
La idea tal como lo muestra la imagen superior es poner una imagen semi transparente abajo una capa con el color de fondo y un contenedor el cual tendra las medidas exactas del icono que usaremos. Les recomiendo usar una imagen png 24 ya que he notado que internet explorer tiene menos problemas con ese tipo de png que con los png 16.
Bien aqui les dejo un pequeño ejemplo de como se aria el truco
- .rssicon32 {
- width:32px;
- height:32px;
- background-image:url(rss32.png);
- background-color:red;
- }
Puedes visitar la pagina del articulo aqui y igual encontraras algunos ejemplos mas ilustrados.
Visitar Web
Este otro enlace muestra otro ejemplo pero ya no con iconos ahora es un background chequensela:
http://webdesign.maratz.com/lab/superstripes/
Thanks for linking back to my blog, I’m glad you liked my article.
Thanks to you