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!

7 comentários:

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