Menu simples para usar no seu blog


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:




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.

7 comentários:

  1. Gente, leu meus pensamentos, Mi *-* Tava querendo um menu diferente.. mamão com açucar <3 Obrigada por disponibilizar

    ResponderExcluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. amei, vou testa com certeza! posso dar dicas de tuturial?
    caixa de pesquisa como a do blog www.followyourdreams.com.br
    diponibiliza icons redes sociais aquarela como os teus do dezoito primaveras
    marcadores em lista (2 colunas)
    footer dos posts igual do meios dias gastos
    data personalizada

    ah, sabe o q ia ser mto show? um lay free só pra base mesmo, p quem quer editar.
    essas são minhas dicas, ficarei feliz se aceitar

    bjbj, babi

    ResponderExcluir
  4. Poxa venho aqui td dia e nunca tem nada ! :(

    ResponderExcluir
  5. Oie dica de tutorial ? menu responsivo ! pó de ser ? próximo post

    ResponderExcluir