Os 10 principais menus de navegação CSS
Criar navegação com CSS é um dos elementos mais cruciais do design do site. Obtenha a navegação certa e as pessoas se sentirão bem-vindas e em casa. Cometa erros e isso pode significar problemas para o seu site. Esta é uma ótima coleção de 10 exemplos e tutoriais de navegação CSS para você entrar no clima criativo.
Explore o Envato Elements
1. Menu chique de CSS
Este artigo descreve a criação de uma barra de navegação personalizada com alguns efeitos Javascript fofos que certamente impressionarão seus amigos. Graças à excelente biblioteca Mootools, essa beleza está contida em 1.5kb. Não só isso, mas também é compatível com vários navegadores (testado no Internet Explorer 6/7, Firefox e Safari)!
2. cssMenus
Este menu de navegação funciona na vertical e na horizontal, sendo totalmente compatível com todos os navegadores.
3. Menu CSS Avançado
Este tutorial mostrarei como dividir o design do menu (passo a passo) e juntá-los ao CSS. A maioria de vocês provavelmente sabe como codificar um menu de lista CSS horizontal ou vertical. Agora vamos para o próximo nível - codifique um menu de lista avançado (não típico) utilizando a propriedade CSS position.
4. Domesticar listas CSS
Neste artigo, demonstrarei como usar CSS para controlar listas pesadas. É hora de você contar às listas como se comportar, em vez de deixá-las correr soltas em sua página da web. É dada atenção específica ao uso de uma lista como um menu CSS vertical.
5. Mini guias
Eu criei essas pequenas “mini guias” para navegação enquanto trabalhava em alguns projetos. Eles provavelmente aparecerão no mundo real eventualmente. Eles são gerados com CSS puro, é claro, e não requerem imagens.
6. Guias das portas deslizantes invertidas
Esta é uma explicação de como adaptei a técnica Sliding Doors de Doug Bowman para trabalhar com abas invertidas para um redesenho recente do netrelations.se.
7. Uma coleção de menus CSS gratuitos
8. Um simples menu CSS de gradiente
9. Um passo a passo de diferentes técnicas de navegação CSS
10. Mini navegação deslizante
