Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Diseño web (http://www.forosdelweb.com/f91/)
-   -   Menu Horizontal simple (http://www.forosdelweb.com/f91/menu-horizontal-simple-576819/)

ronaldocarlos 16/04/2008 21:20

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

donfo 16/04/2008 23:24

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.

Leop3 17/04/2008 02:11

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


La zona horaria es GMT -6. Ahora son las 05:24.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.