24 de fev de 2013

Tutorial: menu simples


Hello my cupcakes! Tudo bem? Achei um menu perfeito e simples, pelo que o nome já diz que é ótimo para os blogs mais cleans ou para quem gosta de coisas simples, assim como eu. Quer aprender a fazer? Clique em leia mais! Preview: aqui.

Vá até o HTML do seu blog  procure por:  ]]></b:skin>  acima dessa tag cole:
.menusimple{
text-align: center; 
}
.menusimple a{
text-transform: uppercase!important; 
padding: 1px 1px 1px 1px; 
display: inline-block; 
 margin-top: 5px; 
font-size: 8px; 
color: #DCDCDC
font-family: tahoma; 
-webkit-transition: all 0.6s ease-out; 
-moz-transition: all 0.6s ease-out; 
font-weight: bold;
}
.menusimple a:hover{
color: #000000;
}

Você pode editar as cores do menu, que estão em negrito. Agora visualize e se estiver tudo okay salve.

Vá até layout  clique em adicionar um gadget HTML/Javascript  nele cole:
<center><div class="menusimple">
<a href="/">Home</a>
<a href="URL">Nome do Link</a>
<a href="URL">Nome do Link</a>
<a href="URL">Nome do Link</a>
</div></center>

Agora você só precisa alterar os códigos destacados e o menu está pronto para uso!

8 comentários:

  1. Adorei o menu é simples e lindo.

    Beijos.

    ResponderExcluir
  2. Simples e meigo, adorei o menu !
    neijo :)
    pqngarota.tk

    ResponderExcluir
  3. Oie esponja!! vim pedir um favor seu :) veja este post tá
    http://fabiolucas92.blogspot.com.br/2013/02/campanha-meta-de-200-seguidores.html
    Muito obrigado

    ResponderExcluir
  4. ownnn que lindoooo o/
    ameiiiii
    acervo-de-livros.blogspot.com

    ResponderExcluir
  5. Muito util e legal tava procurando esse

    ResponderExcluir
  6. Adorei. *-* http://vihpaula.blogspot.com.br/

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita