Ver Mensaje Individual
  #12 (permalink)  
Antiguo 31/08/2010, 15:38
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Rollover con css

Cita:
Iniciado por kseso? Ver Mensaje
Bueno, ¿nadie se atreve a intentar resolver el reto planteado por Valusk (pese a que haya desaparecido)?
pues dudando un poco en que sea lo que vos tenias en mente y arriesgándome a arruinar una competencia , se me ocurrió algo asi:

Código CSS:
Ver original
  1. .boton1{
  2.     display:block;
  3.     height:25px;
  4.     width:100px;
  5.     background:#ccc;
  6.     border:1px #333 solid;
  7.     cursor:pointer;
  8.     margin:15px;
  9.     text-align:center;
  10.     padding:5px;
  11.     }
  12. .imagen{
  13.     background:url(http://cdn.iconfinder.net/data/icons/Siena/128/label_new%20red.png) no-repeat;
  14.     display:block;
  15.     width:128px;
  16.     height:128px;
  17.     margin:15px;
  18.     }
  19. .boton1:hover + .imagen{
  20.     background:url(http://cdn.iconfinder.net/data/icons/holloweenavatars/PNG/Dracula.png) no-repeat;
  21. }

Código HTML:
Ver original
  1. <div class="rellover">
  2.  
  3.  <span class="boton1">rellover</span>
  4.  
  5.  <span class="imagen"></span>
  6.  
  7. </div>