Enviado: 01.05.2008 13:04
Queremos recomendaros este artículo How to make RSS icons in every colour with just one imagen. Nos pareció un articulo muy bueno debido al truco que presentan.
Alguna vez has visto un icono y dices "Se ve bien pero estaría mejor en otro color" y tienes que abrir algún editor de imágenes para poder cambiarlo. Aquí os dejamos este truco, muy bueno para cambiar el color del icono usando sólo 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 tendrá las medidas exactas del icono que usaremos. Recomendamos usar una imagen png 24 ya que hemos notado que Internet Explorer tiene menos problemas con ese tipo de png que con los png 16.
Aquí os dejamos un pequeño ejemplo de como se haría el truco:
.rssicon32 {
width:32px;
height:32px;
background-image:url(rss32.png);
background-color:red;
}
Puedes visitar la página del articulo aquí.
Vía: Pitbull
