Como se puede hacer un Menú como este??

[alheranx]

Saludos!, alguno sabe donde puedo encntrar un tutorial, o al menos decirme por donde irme para lograr un menu como este...
http://www.indianafurniture.com/

Supongo que es algo como Jquery, pero no he encontrado algo así, encuentro menus muy padres, pero ningunco como el que necesito, si ven bien el menú verán que algunos enlaces tienen mas de 1 columna y que incluso crecen a lo ancho dependiendo el ancho del texto.

algún tutorial?.

Gracias!

[sauljps]

Bueno mira si entiendes de programacion es bastante facil

Metes un DIV dentro del LI y a ese DIV es el que le pones la propiedad para que aparezca

Creo que no me explique bien, pero si entiendes de programacion dime y te ppongo un codigo aqui de ejemplo :)

[alheranx]

Hola Sauljps si entiendo de programación, pero la sombra esa como la genero??, es decir el bloque entero es CSS, para el hover con trigger o jquery lo entiendo, pero siento que este menú tiene algo mas, es decir la sombrita y mmm no se, no será alguna especie de libreria jquery que simplifica el trabajo?

[sauljps]

La sombra? Es facilisimo, eso es con la propiedad box-shadow del CSS

Aquí te la pongo completa con todos los prefijos de navegadores

Código CSS:

-webkit-box-shadow: hoff voff blur color;
-moz-box-shadow: hoff voff blur color;
-ms-box-shadow: hoff voff blur color;
box-shadow: hoff voff blur color;
 

Los primeros dos son los Offset en X y Y el tercero es el Blur y el 4to es el color, entonces por ejemplo esa sombra del menú de la página que pasas es

Código CSS:

box-shadow: 0 2px 5px #444;
 

Con todos los prefijos claro esta

Esto se lo pones al DIV o al UL que sea submenu pues

[tinocastro]

Iniciado por alheranx

Saludos!, alguno sabe donde puedo encntrar un tutorial, o al menos decirme por donde irme para lograr un menu como este...
[url]http://www.indianafurniture.com/[/url]

Supongo que es algo como Jquery, pero no he encontrado algo así, encuentro menus muy padres, pero ningunco como el que necesito, si ven bien el menú verán que algunos enlaces tienen mas de 1 columna y que incluso crecen a lo ancho dependiendo el ancho del texto.

algún tutorial?.

Gracias!

Con css3 lo haces en un periquete y la capa gris es un div con background y transparencia, lo demás es un menú <li>, es fácil, un saludo...

[alheranx]

creo que me enfrasque en el css2, muchas gracias por su ayuda!! =) me ha servido mucho!!... pero este CSS3 que tan compatible es con viejos navegadores??

[alheranx]

Ya investigue y explorer lo ocupa hasta su version 9!! .. =( por si no tenia suficientes razones para odiar a ese navegador :S, jeje, encontre un plugin de Jquery, si bien me gusta mas la solucion de CSS3, por complacer al cliente y sobre todo complacer el explorer 8 con el cual navega, utilizare el plugin drop-shadow de jquery.