15 novembro 2011

[TUTORIAL] Fazendo menu horizontal

Graças ao Bomba de Glitter, eu aprendi a fazer esse menu maravilhoso, que é horizontal e muda com o passe do mouse. Sem mais delongas, vamos ao tutorial:

28878835717312380680_large



01) Primeiro, cole esse código no seu bloco de notas. Ele é o menu, e já contém as instruções básicas. Agora é só você ir modificando conforme o seu gosto.

02) Agora vá em Design > Editar HTML > Crtrl + F e pesquise por body { e cole o código já editado por você conforme a imagem:

 
E agora, salve.

03) Agora vá em Design > Elemento da página > Adicionar Gadget (Aconselho acima dos posts) > HTML/JavaScript e agora você irá fazer os links. Use o código e é só ir colando:

<a href="Link aqui"><un>Nome Aqui</un></a>

10 comentários:

  1. ah eu acho que fica super fofo esse menu Deh
    beijos
    http://s2juuh.blogspot.com/

    ResponderExcluir
  2. Vou testar no blog de teste, porque agora eu consegui um menu, você já deve ter visto.
    Eu tentei fazer com esse no meu blog pela tutorial do Bomba de Glitter e não deu em nada, mesmo eu mudando as cores ficou na cor do exemplo dela :S
    Beijos e eu sou igual vc jogando fico gritando KKK

    ResponderExcluir
  3. Esse menu é bem fofo e simples! adorei!

    No meu próximo layout talvez eu coloque :)

    Tem noovo layout,passa lá conferir? o seu está lindo ^^

    Bjs

    http://meianoite-br.blogspot.com/

    ResponderExcluir
  4. Que bom que gostaram ^^
    Brevemente postei mais tutoriais. (:

    ResponderExcluir
  5. Oiee querida..
    adorei o seu cantinho, ele e um charme
    seguindo..segue de volta??

    http://masterpiece-pirulita.blogspot.com

    ResponderExcluir
  6. Oi Dêh!

    Tem novo post sobre um clip musical,passa lá conferir? ^^

    E obg pelos elogias sz'

    Bjs,Faby

    http://meianoite-br.blogspot.com/

    ResponderExcluir
  7. Onw, que bom que acham o blog toda essa fofura *-*
    Fico muito feliz em saber disso ^^

    ResponderExcluir