Olá!
Faz um bom tempo desde o último tutorial, mas fico muito feliz em sempre receber comentários/e-mails sobre o Seja Criativo e também vários pedidos de tutoriais. Estou tentando terminar de preparar todos os que vocês pedira. então teremos alguns atualizações por aqui.
O tutorial de hoje é bem simples, porém algumas pessoas não conhecem a estrutura e para facilitar preferem buscar menus prontos na Web, o que nem sempre nos deixa personalizar como queremos de verdade. Como já disse: é simples e fácil de aprender!
Primeiro: A estrutura
A forma mais comum de criar um menu é usando listas não ordenadas (ul, li). Para quem não conhece sobre listas, o site Maujor já fez um tutorial fácil e curtinho!Enfim.
O HTML você poderá escolher onde vai ser acrescentado. Tudo depende de onde você quer que o menu apareça, basta escolher o local após <body>.
Segundo: O CSS
Esta parte deve ser acrescentada antes da linhas ]]></b:skin>.Após adicionar o CSS, o menu deverá ficar desta forma:
E quem quiser conferir, separei alguns links que você pode usar como base para personalizar o seu menu:
- Menu em CSS - Menu dropdown horizontal com HTML5 e CSS3
- Easy HTML 5 & CSS 3 Navigation Menu
- 46 Menus suspensos criativos e livres em HTML5 e CSS3
- Cloud Ice Blue Demo - HTML5 menu example
Fácil não é?
Se você tiver qualquer dúvida ou quiser outro tutorial aqui no Seja Criativo, basta deixar um comentário ou entrar na página de contato do blog.