Foros del Web » Creando para Internet » CSS »

Menu Imagenes de sustitucion

Estas en el tema de Menu Imagenes de sustitucion en el foro de CSS en Foros del Web. Hola amigos bueno quisiera me ayuden con un problema bueno quisiera saber como puedo hacer esto que al pasar el mouse cambie de Off a ...
  #1 (permalink)  
Antiguo 17/05/2010, 20:43
 
Fecha de Ingreso: abril-2010
Mensajes: 159
Antigüedad: 7 años, 7 meses
Puntos: 11
Menu Imagenes de sustitucion

Hola amigos bueno quisiera me ayuden con un problema
bueno quisiera saber como puedo hacer esto



que al pasar el mouse cambie de Off a On...
pero con estas 2 imagenes







esto es totalmente diferente a lo que se hace en dreamweaver porque
tienes que sustituir varias mitades de imagen, pero como hago en imagenes completas?
no se si me explique bien.. Porfabor si alguien sabe o tiene un manual pra poder aprenderlo...gracias
  #2 (permalink)  
Antiguo 18/05/2010, 09:30
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Menu Imagenes de sustitucion

aver con esta imagen de ejemplo...

el html del menu
Código HTML:
Ver original
  1. <ul class="menu">
  2.     <li><a href="#">menu uno</a></li>
  3.     <li><a href="#">menu dor</a></li>
  4. </ul>
y el CSS
Código CSS:
Ver original
  1. .menu li{background:url(menu.png) no-repeat;padding-left:20px;}
  2. .menu li:hover{background-position:0 -30px;}
tan solo le damos un fondito al li y con la pseudo clase :hover "movemos" este fondito a la direccion donde esta la imagen de sustitucion y ya, chao y suerte

Etiquetas: imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:15.