Los 10 principales menús de navegación CSS
Crear navegación con CSS es uno de los elementos más cruciales del diseño de sitios web. Obtenga la navegación correcta y las personas se sentirán bienvenidas y como en casa. Hazlo mal, y puede significar problemas para tu sitio web. Esta es una gran colección de 10 ejemplos y tutoriales de navegación CSS para que tengas un ambiente creativo.
Explore los elementos de Envato
1. Menú de fantasía CSS
Este artículo pasa por la creación de una barra de navegación personalizada con algunos lindos efectos de Javascript que sin duda impresionarán a tus amigos. Gracias a la gran biblioteca Mootools, esta belleza está contenida en 1.5kb. No solo eso, sino que también es un navegador cruzado (probado en Internet Explorer 6/7, Firefox y Safari) y accesible.
2. cssMenus
Este menú de navegación funciona tanto vertical como horizontalmente, siendo totalmente compatible con todos los navegadores.
3. Menú avanzado de CSS
En este tutorial, le mostraré cómo dividir el diseño del menú (paso a paso) y combinarlos con CSS. La mayoría de ustedes probablemente sepa cómo codificar un menú de lista CSS horizontal o vertical. Ahora pasemos al siguiente nivel: codifique un menú de lista avanzado (poco habitual) utilizando la propiedad de posición CSS.
4. Domar las listas de CSS
En este artículo, demostraré cómo usar CSS para controlar las listas difíciles de manejar. Es hora de que le diga a las listas cómo comportarse, en lugar de dejar que se ejecuten en su página web. Se presta especial atención al uso de una lista como un menú CSS vertical.
5. Mini pestañas
Se me ocurrieron estas pequeñas "mini pestañas" para la navegación mientras trabajaba en algunos proyectos. Probablemente aparecerán en el mundo real con el tiempo. Se generan con CSS puro, por supuesto, y no requieren imágenes.
6. Pestañas de puertas correderas invertidas
Esta es una explicación de cómo adapté la técnica de puertas corredizas de Doug Bowman para trabajar con pestañas invertidas para un rediseño reciente de netrelations.se.
7. Una colección de menús CSS gratuitos.
8. Un menú CSS de gradiente simple
9. Un recorrido por diferentes técnicas de navegación CSS
10. Mini navegación deslizante
