Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo
ARTICULO: Realizar un rollover sólo con CSS y utilizando imágenes

 Se muestran 3 comentarios sin revisar

Rumoroso  16/2/06 
Hay una cosa que se podría mejorar. Cuando se pasa por encima del enlace, se produce un desfase hasta que ocurre el cambio de imagen. Esto se debe a que la imagen tiene que cargarse. Para evitarlo hay una manera sencilla. Lo que se debe hacer es poner las dos imagenes, la del estado de reposo y la del "hover" en una sola separadas por un espacio, el que se quiera, pero siempre sabiendo cuanto. Luego, con la css se puede poner dicha imagen en el background del enlace.
a{
background: transparent url("imagen.png") 0 0 no-repeat;
}
a:hover{
background: transparent url("imagen.png") 50px 50px no-repeat;
}

El efecto es el mismo pero se basa en el cambio de posición de la imagen de fondo, con lo que no va a ocurrir el retardo.
Un saludo

Pino  18/2/06 
¿ podria recibir las imágenes de fondo del artículo "Realizar un rollover sólo con CSS y utilizando imágenes" ?
Me gusta mucho el ejemplo y no soy tan esperto. Quizás un día podría yo también ayudar a alguien.
Muchas gracias y un saludo
Pino

Catering Rabanal  25/5/06 
Esta muy bien. Me encanta pero tambien me gustaria saber como hacerlo con texto, no solo con imagenes.
Gracias. Atentamente:
Catering Rabanal, El mejor servicio de catering para tu boda o celebracion.
http://www.cateringrabanal.com

Ver el articulo / faq completo Ver el articulo y todos sus comentarios
Añadir un comentario al artículo Añadir un comentario del artículo
  Ir arriba


DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia