Foros del Web » Creando para Internet » Diseño web »

Menu Horizontal simple

Estas en el tema de Menu Horizontal simple en el foro de Diseño web en Foros del Web. Hola, necesito hacer un menu horizontal para una web, con botones que son imagenes, necesito que al pasar sobre un boton, cambie la imagen, Gracias...
  #1 (permalink)  
Antiguo 16/04/2008, 22:20
Avatar de ronaldocarlos  
Fecha de Ingreso: diciembre-2007
Mensajes: 7
Antigüedad: 10 años
Puntos: 0
Menu Horizontal simple

Hola, necesito hacer un menu horizontal para una web, con botones que son imagenes, necesito que al pasar sobre un boton, cambie la imagen,
Gracias
  #2 (permalink)  
Antiguo 17/04/2008, 00:24
 
Fecha de Ingreso: abril-2008
Ubicación: Guatemala
Mensajes: 4
Antigüedad: 9 años, 8 meses
Puntos: 0
Exclamación Re: Menu Horizontal simple

Si estas trabajando dreamweaver esto se hace con un roll over image, solo armas la tabla y en la celda asignada para cada boton incertas la roll over image, ahi te pide que indiques la imagen principal y la que aparecera al pasar el mouse.
  #3 (permalink)  
Antiguo 17/04/2008, 03:11
 
Fecha de Ingreso: marzo-2008
Mensajes: 46
Antigüedad: 9 años, 8 meses
Puntos: 0
Re: Menu Horizontal simple

Hola, eso lo tengo en mi web, aqui lo tienes es un css y listo.

Código:
/*Menu horizontal superior*/
#am0 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#am0 li { margin: 0 0 3px 0; }

#am0 a
{
display: block;
padding: 2px 2px 2px 24px;
border: 0px solid #999;
width: 57px;
height:15px;
background-color: #999;
background-image: url(img/a1.jpg);/*Tu imagen principal*/
}

#am0 a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#am0 a:hover
{
border: 0px solid #FFF;
background-color: #000000;
background-image: url(img/a2.jpg);/*Tu imagen a remplazar*/

color: #fff;
}
SI tienes dudas preguntame, espero sea lo qubuscas
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 16:26.