Foros del Web » Creando para Internet » CSS »

Rollover con CSS

Estas en el tema de Rollover con CSS en el foro de CSS en Foros del Web. Hola, estoy luchando por hacer un rollover digno y no puedo, tengo este fiasco alguien me puede ayudar? Código: Código HTML: <style> #menu { width: ...
  #1 (permalink)  
Antiguo 21/10/2005, 18:32
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
Rollover con CSS

Hola, estoy luchando por hacer un rollover digno y no puedo, tengo este fiasco
alguien me puede ayudar?

Código:
Código HTML:
<style>#menu {
width: 200px;
margin: 0px;
}</style>
<style>#menu li a {
text-decoration: none;
height: 28px;
display: block;
padding: 22px 0 0 24px;
background: url(prueba.png);
}</style>
<style>#menu li a {
text-decoration: none;
height: 28px;
display: block;
padding: 9px 0 0 24px;
background: url(prueba.png);
}</style>
<body><style>
#menu li a:link, #menu li a:visited {
color: #777;
}

#menu li a:hover {
color: #257EB7;
background-position: 0 -32px;
}

#menu li a:active {
color: #fff;
background-position: 0 -72px;
} </style>
<div id="menu"> 
  <ul>
    <li><a href="biof_princ_clasificados.htm" title="Inicio">Inicio</a></li>
    <li><a href="#" title="Artículos probar">Artículos</a></li>
    <li><a href="#" title="Tutoriales">Tutoriales</a> </td> </tr> </table> </li>
  </ul> 
  #2 (permalink)  
Antiguo 21/10/2005, 18:36
BIOFOROS
Invitado
 
Mensajes: n/a
Puntos:
Perdon

Código:
<style>#menu {
width: 200px;
margin: 0px;
}</style>
<style>#menu li a {
text-decoration: none;
height: 28px;
display: block;
padding: 22px 0 0 24px;
background: url(prueba.png);
}</style>
<style>#menu li a {
text-decoration: none;
height: 28px;
display: block;
padding: 9px 0 0 24px;
background: url(prueba.png);
}</style>
<body><style>
#menu li a:link, #menu li a:visited {
color: #777;
}

#menu li a:hover {
color: #257EB7;
background-position: 0 -32px;
}

#menu li a:active {
color: #fff;
background-position: 0 -72px;
} </style>
<div id="menu"> 
  <ul>
    <li><a href="biof_princ_clasificados.htm" title="Inicio">Inicio</a></li>
    <li><a href="#" title="Artículos probar">Artículos</a></li>
    <li><a href="#" title="Tutoriales">Tutoriales</a> </td> </tr> </table> </li>
  </ul>
  #3 (permalink)  
Antiguo 21/10/2005, 18:56
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 12 años, 4 meses
Puntos: 0
Traduceme q es un rollover, porq no se q es. Talvez se q es pero no lo llamo como "rollover".
  #4 (permalink)  
Antiguo 21/10/2005, 19:04
Avatar de ivangar  
Fecha de Ingreso: septiembre-2005
Ubicación: méxico df
Mensajes: 99
Antigüedad: 12 años, 2 meses
Puntos: 0
Hola bioforos, en ésta página puedes encontrar lo que buscas!!!

http://css.maxdesign.com.au/index.htm

Saludos

Iván

P.D. leoj90 un rollover es el efecto de cambiar una imagen por otra al pasar el cursor sobre ella; generalmente se utiliza en botones y otros elementos gráficos para mostrar que son links.
  #5 (permalink)  
Antiguo 21/10/2005, 19:09
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Cita:
Iniciado por leoj90
Traduceme q es un rollover, porq no se q es. Talvez se q es pero no lo llamo como "rollover".
leoj90: rollover es una imagen de sustitución, o sea que cambia con el paso del ratón...

Por cierto, ¿Te ha servido lo del formato de fechas...?

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 23/10/2005, 05:48
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 12 años, 4 meses
Puntos: 0
Ah... eso lo llamo "onmouseover"......
  #7 (permalink)  
Antiguo 23/10/2005, 09:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Cita:
Iniciado por leoj90
Ah... eso lo llamo "onmouseover"......
Más o menos es así: onmouseover es un manejador de eventos... en concreto el evento mouseover... y los eventos pueden ser cualquier función javascript... si es un cambio de una imagen es un rollover (yo no inventé el nombre... incluso prefiero usar nombres en español)... pero también puede ser un cambio de color o la activación de elementos de formulario... incluso el envío.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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 14:18.