100 Increíbles Menús CSS

Un sitio web sin un buen sistema de navegación no puede considerarse, normalmente, como un sitio completo. En este sentido, no hay nada mejor que echar mano de los clásicos menús de toda la vida. Lo bueno es que hoy día no necesitas recurrir a complejos sistemas para conseguir menús vistosos, sino que unos simples trucos con CSS te permiten crear menús muy buenos visualmente y, además, repletos de efectos como slides, verticales, horizontales, con colores, iconos, etc.

Aquí vamos a recopilar un buen número de tutoriales que te enseñan a crear o, directamente, implementar en cualquier sitio web unos increíbles menús. También verás que muchos están adaptados para que sean resposive y puedan verse correctamente en diferentes tamaños de pantalla, ya sean de ordenador, tablets o smartphones.

Truco Avanzado CSS

css-truco-avanzado
Ver Tutorial

Menú desplegable con CSS

menu-desplegable-css
Ver Tutorial

Navegación vertical con CSS3

navegacion-vertical-css
Ver Tutorial

Menú jQuery Vertical

menu-jquery-vertical
Ver

Menú CSS Responsive Multinivel

menu-css-responsive-multinivel
Ver Tutorial

Menú CSS3 con animación

menu-css3-animacion
Ver

Menús CSS3 Animados

menus-css3-animados
Ver

Menú gris HTML5/CSS3

css3-html5-menu-gris
Ver

Menú desplegable al estilo NVIDIA

menu-desplegable-nvidia
Ver Tutorial

Menú desplegable al estilo Vimeo

menu-desplegable-vimeo
Ver Tutorial

Menú con texto animado e iconos de menú

menu-texto-animado-iconos
Ver

Menú CSS3 con tabs

css-menu-tabs

Menú CSS en tres niveles

menu-css-3-niveles
Ver Tutorial

Menú responsive CSS

menu-responsive
Ver Tutorial

Menú jQuery con estilo CSS3

css3-jquery-dropdown-menu
Ver

Menú con gráficos rollovers

menu-graficos-rollovers
Ver

Menú CSS multinivel con efecto metal

menu-css3-multinivel-metal
Ver

Menú CSS minimalista

menu-css-html5-minimalista
Ver Tutorial

Menú Responsive con iconos para cada elemento

menu-responsive
Ver Tutorial

Menú CSS3 Minimalista

menu-css3-minimalista
Ver

PageSlide Menú

pageslide-menu

Menú CSS con dos colores

menu-css-cool
Ver

Menú CSS animado con colores

css-menu-animado-colores
Ver Tutorial

Menú CSS3 sexy

menu-css-sexy
Ver

Menú CSS3 animado y elegante

menu-css3-animado-elegante
Ver Tutorial

Menú CSS Sprite

menu-css-sprite
Ver

Menú con panel slide

menu-panel-slide
Ver

Menú horizontal verde con CSS

menu-horizontal-verde-css
Ver Tutorial

Menú desplegable Plano

menu-desplegable-plano
Ver Tutorial

Menú al estilo Digg clásico

menu-digg
Ver

Menú CSS3 con slide

css3-menu-slide
Ver

Cómo crear un menú desplegable CSS

crear-menu-desplegable-css
Ver Tutorial

Menú para móviles

menu-jquery-moviles
Ver

Menú desplegable con efecto al estilo Youtube

menu-css-youtube
Ver Tutorial

Menú dinámico con contenido que se reemplaza

menu-pagina-dinamica
Ver

Menú responsive CSS3

menu-responsive-css3
Ver

Menú CSS al estilo Facebook

menu-css-facebook
Ver

Menú desplegable CSS con efectos de música y sonido

menu-desplegable-css-musical
Ver Tutorial

Menú vertical CSS multicolor

menu-vertical-multicolor-css
Ver Tutorial

Menú al estilo Dock de Mac

menus-css-dock-mac
Ver

Menú CSS3 desplegable

menu-css-vertical
Ver Tutorial

Menú desplegable simple

menu-desplegable-simple
Ver

Menú desplegable por click con CSS3

css3-menu-click
Ver Tutorial

Menú con submenú dinámico y colores pastel

menu-colores-pastel-css

Cómo crear un menú desplegable colorido con CSS3

crear-menu-desplegable-css-colorido
Ver Tutorial

Menú CSS3 obscuro elegante

menu-css-obscuro-elegante
Ver

Menú desplegable CSS sencillo

menu-css-sencillo
Ver Tutorial

Menú con elementos desplegables

menu-enrollable
Ver

Menú para Redes Sociales

menu-redes-sociales
Ver

Menú desplegable CSS3 con Scroll

menu-css-con-scroll
Ver Tutorial

Menú Simple jQuery

menu-simplejquery
Ver

Menú dropdown CSS Puro

menu-dropdown-puro
Ver Tutorial

Menú vertical CSS simple

menu-css-vertical-simple
Ver

Menú con descripciones

menu-descripcion
Ver

Menú con CSS jQuery animado

menu-css-jquery-animado
Ver

Menú CSS con pestañas

css-menu-tabulado
Ver Tutorial

Menú con slide lateral horizontal

menu-slide-lateral
Ver

Menú CSS con pictogramas

menu-css-pictogramas
Ver

Menú CSS3 con tabs

menu-tabs-css
Ver

Creando un menú CSS3

creando-menu-css3
Ver Tutorial

Menú CSS vertical

menu-vertical-css
Ver

Menú con slide

menu-slide
Ver Tutorial

Menú de navegación responsive

menu-responsive
Ver

Mmenu

mmenu
Ver Tutorial

Menú al estilo Google Nexus

menu-google-nexus
Ver Tutorial

Menú responsive Drop Down con CSS y jQuery

menu-drop-down-responsive
Ver

Menú vertical simple con jQuery

menu-vertical-jquery
Ver Tutorial

Menú con rotación y efecto grunge

menu-grunge
Ver

Menú CSS con forma circular

menu-css-circular
Ver Tutorial

Menú con formularios integrados

menu-formularios

Menú CSS Retro

menu-css-retro
Ver Tutorial

Menú con slide inferior

menu-slide-inferior
Ver

Menú con Slide Horizontal

menu-slide-horizontal
Ver

Menú Halftone

menu-jquery-halftone
Ver

Menú responsive Retina-Ready

menu-css-retina-ready
Ver

Menú CSS3 avanzado con botones

menus-css-botones
Ver

Menú CSS vertical con efecto hover

menu-css-vertical-hover
Ver

Menú CSS al estilo Apple

menu-estilo-apple
Ver

Menú responsive multinivel

menu-responsive-multinivel
Ver

CSS3 menú con colores

menu-css-colores
Ver

Menú CSS personalizable

menu-css-personalizable
Ver

Menú con banners

menu-banners
Ver

Menú horizontal drop-down

menu-horizontal-dropdown
Ver

Menú CSS con animaciones

menu-animaciones-css
Ver

One Comment

Leave a Reply

Deja un comentario