Rollover con CSS

#1 (**permalink**) 21/10/2005, 17:32

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**) 21/10/2005, 17:36

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>

leoj90 · #3 (**permalink**) 21/10/2005, 17:56

Traduceme q es un rollover, porq no se q es. Talvez se q es pero no lo llamo como "rollover".

ivangar · #4 (**permalink**) 21/10/2005, 18:04

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.

caricatos · #5 (**permalink**) 21/10/2005, 18:09

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

leoj90 · #6 (**permalink**) 23/10/2005, 04:48

Ah... eso lo llamo "onmouseover"......

caricatos · #7 (**permalink**) 23/10/2005, 08:24

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