Ver Mensaje Individual
  #15 (permalink)  
Antiguo 13/06/2008, 11:09
Avatar de daPhyre
daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 8 meses
Puntos: 142
Respuesta: Manejo de imágenes (todas en una sola)

Muy cierto.

Por si a alguien que pase por aquí le interesa, dejo un ejemplo práctico y sencillo, al que le he dado aplicación de link para una imagen de 40x (imagen original de 120x40 con 3 imagenes distintas en el orden). Ojalá le sirva a alguien para cualquier aplicación en sus páginas!
Código:
a.logo:link,a.logo:visited{background:url(rgb.png) no-repeat -80px 0px;width:40px;height:40px;}
a.logo:hover{background:url(rgb.png) no-repeat -40px 0px;width:40px;height:40px;}
a.logo:active,a.logo:focus{background:url(rgb.png) no-repeat 0px 0px;width:40px;height:40px;}
O más sencillo, el puro logo, para el que aun no quiera complicarse, usando la misma imagen:
Código:
.logo{background:url(rgb.png) no-repeat -80px 0px;width:40px;height:40px;}
Suerte!!
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...