23 Menús desplegables gratuitos
Recursos | Escrito por Ezequiel M. | Mayo - 19 - 2009
Menu css
Javascript.. CSS… Ajax.. hay tantas formas de crear menúes desplegables, pero no es una tarea nada sencilla, sobre todo porque hay que tener en cuenta las compatibilidades con los navegadores.
Por eso, tener un menu desplegable css gratis al alcance es como ahorrar un dia de trabajo. Con 23 alternativas a mano, además de aprender el desarrollo web, se optimiza. Estos menús desplegables css son muy atractivos y customizables, funcionan a la perfección en todos los navegadores y la mayoría usan jQuery.
jQuery Multi Level CSS Menu #1
Con un toque de jQuery y mucho css, este menu de sencillo diseño muestra su poder con un efecto de Fade.
jQuery Multi Level CSS Menu #1
jQuery Multi Level CSS Menu #2
Menu css
Un bonito Slide que se abre y contrae automáticamente al pasar el el puntero por alguno de los enlaces..
jQuery Multi Level CSS Menu #2
All Levels Navigation Menu
Menu multinivel css
Menú multi nivel vertical muy logrado con efecto fade muy customizable, podes modificar el tiempo de delay y otros parámetros.
Smooth Navigational Menu (v1.3)
Menu css
Suavizado y transparencia con jQuery, soporta orientación vertical como horizontal
Simple CSS Vertical Menu Digg-Like
Menu al estilo digg
Un menú desplegable al estilo de Digg.com, ideal para modificar e implementar en alguna aplicación web.
Professional dropdown #1
Menu css
Aquí vemos mas calidad en el diseño, rápido y bonito menu css para sitios corporativos.
Professional dropline #1
Menu css
Las opciones se despliegan horizontalmente, lo único que le cambiaría es el efecto Hover del sub-menú, lo demás perfecto.
Jim’s DHTML Menu V5.7
Menu Css
Multinivel vertical, sobrio y compatibilidad hasta con dinosarurios como IE4. La verdad que es de no creer.
Drop Down Tabs (5 styles)
tab css
Un menu con 5 estilos de diseño diferentes.
Superfish v1.4.8
Menu css
Una gota del poder de jQuery y se puede hacer maravillas como estas, el menú tiene varias disposiciones, vertical, horizontal , con sub-menú, barra de navegación…
SuckerFish Style
menu css
Seguimos con jQuery y un menu desplegable similar al anterior.
JavaScript Dropdown Menu with Multi Levels
Menu Css
Mucha calidad gráfica y buenos efectos caracterizan a este espectacular menu multi nivel horizontal.
MenuMatic 0.68.3
Menu css
Simplemente parece un menú creado en Flash, se nota que hay mucho trabajo de por medio, porque sencillamente esta genial. El unico problema es que tiene algunas incompatibilidades con IE6 (pero a esta alturas, a quien le importa?).
Sliding JavaScript Dropdown Menu
Menu css
Una buena transparencia con javascript y un diseño metalico muy estetico.
jGlide Menu
Menu css
Este menu usa Ajax como motor para realizar un carrusel cada vez que avanzamos por los sub-menúes, no es desplegable y su estilo es el indicado para una aplicacion web.
Dropdownmenu made with scriptaculous/prototype v0.5
Menu css
Funciona correctamente con los ultimos navegadores y usa Scriptaculous, no tiene imagenes de fondo pero podemos asignarle algunas.
Chrome CSS Drop Down Menu (v2.5)
Menu css
Rapido y excelente, fue probado en su tiempo con las betas de IE8 logrando resultados y es muy facil de customizar
Professional dropdown #2
Menu css
Espectacular menu con un diseño trabajado profesionalmente, efectos Hover con imagenes y mas chiches.
Hover Drop #2
Menu css
Un diseño muy delicado y cuidado, se puede lograr un buen menú corporativo alternando los colores, usa un poco de javascript para IE6.
Skeleton dropdown menu
menu css
Bonito pero con algunos errores a mi parecer, porque el sub nivel se superpone con la barra principal, o quizas se hizo intencionalmente.
HV Menu v5.5
Menu css
Hasta 3 niveles y la posibilidad de alternar facilmente la orientacion del mismo, funciona en la mayoria de los browsers.
Simple Drop-Down Menu v2.0
menu css
Sencillo como el mismo, un toque de javascript y css.
Horizontal dropdown menu script
Menu css
Interezante menú, me gusta su estilo para ponerlo estatico en el top de alguna web y que se mantenga al hacer scroll en la pagina.
Via: VandelayDesign
Gran Lista, sobretodo la combinacion de colores con los backgrounds
Lo dijo diseño web el 26 Octubre 2009 a las 22:11Hola, tengo un problemilla en mi web de wordpress. He utilizado una plantilla muy completa pero no megustan los menus drop down y prefiero un menu dropline, el caso es que ademas no puedo cambiar un slide show por que entra en conflicto el plugin con el menu. Asi que pense que podria poner un menu dropline y asi solucionar dos temas de golpe pero claro me encuentro que no se mucho de css y claro como el menu que tengo tira de php no puedo cambiarlo ya que las definiciones del css son llamadas de otra manera. me gustaria saber si podria alguien decirme alguna manera de como puedo cambiar el menu de mi web. Ademas hay muy pocos modelos de menus en dropline y sin embargo muchisimos de drop down. Muchas gracias y muy buenos los menus estan muy bien.
Lo dijo bellazul el 5 Noviembre 2009 a las 13:00@bellazul Hola! estuve un poco alejado del blog pero ahora vuelvo con mas. Veo que solucionaste el problema del menú en tu blog, felicidades. Gracias por comentar! Saludos!!!!
Lo dijo Willowman el 10 Noviembre 2009 a las 22:18Yo tengo un problemita, actualmente tengo una pagina web con un menu desplegable pero este menu a veces se mueve de la parte superior se va mas hacia abbajo p se mueve hacia la izquierda, esto sucede cuando se entra desde otro sitio web que contiene la pagina y solo se arregla poniendo f5. Por favor que debo poner para que no se mueva???
Muchas Gracias
Lo dijo Mona el 27 Noviembre 2009 a las 14:13Hola, la verdad es que al final lo que hice fue cambiar de wordpress a joomla por que con wordpress no me dejaba poner un menu en dropline y aunque considero que wordpress es muy bueno yo necesitaba algo mas y con joomla lo solucione todo asi que si miras veras que a quedado mucho mejor y por fin consegui la pagina como yo queria pero muchas gracias por contestar, y mucha suerte con tu blog, saludos.
Lo dijo bellazul el 20 Abril 2010 a las 18:53Me alegra que pudiste encontrar la solución con joomla y te quedó muy bien el diseño, te felicito!
Lo dijo Ezequiel M. el 23 Abril 2010 a las 20:27hola amigos de esta pagina les pido un fovor quiciera que me proporsiones una lista de menu para paginas para realizar mi hacer mi pagina para mi proyecto de como se ve esta pagina bueno espero su respuesta
Lo dijo david edwin el 23 Agosto 2010 a las 9:30Sinceramente me agrada este aporte de los menus, de seguro haran que mi web se vea mas agradable, gracias, por cierto mi web es Curso DeWindows7.com
Y Gracias, seguire tus aportes.
Lo dijo CursoDeWindows7 el 23 Enero 2011 a las 21:36Hola quiero preguntarte si conoces una forma de poner 2 menú de javascript en una pàgina, porque el primero me funciona de 10, pero cuando pongo del 2do. parece que se confunden los estilos y me desarma el primero. Gracias de antemano!
Lo dijo Mariana el 15 Marzo 2011 a las 12:18Hola Mariana, si se puede, lo que te debe estar pasando es que estas sobreescribiendo los archivos o hay clases e ID iguales entre los dos menus. Una de esas dos es seguro, saludos.
Lo dijo Ezequiel M. el 17 Marzo 2011 a las 9:25Hola, estaba viendo los trabajos que tienes de los menus desplegables y
me ha gustado mucho este: ‘Professional dropdown #2′, pero veo que esta alineado a la izquierda.
sabes la manera de poder poner el menu centrado? es que con el monitor en grande se queda todo el menu vacio.
gracias
Lo dijo David el 18 Marzo 2011 a las 13:27Es un poco dificil que te responda solo con la explicación que me das, deberías mostrarme el ejemplo online y quizas te pueda dar una solución. Saludos
Lo dijo Ezequiel M. el 3 Abril 2011 a las 18:05Alguien podria ayudarme, hice un menu css pero al momento en que aparece el submenu el contenido que tengo abajo valgase la redundancia baja el contenido. Gracias
Lo dijo Martin el 30 Noviembre 2011 a las 18:09todas tus opciones de menus estan fenomenales, pero no aparece en link descargar
Lo dijo jesus hidalgo el 24 Diciembre 2011 a las 12:02