Menu Close

Boa tarde, como vão? Espero que estejam ótimos, hoje eu resolvi trazer um menu que eu aprendi no Single Themes um tumblr ótimo e com ótimos tutoriais, espero que gostem, preview.
Vamos ao que interessa os códigos.
1. Vá até seu html, na mensagem que aparecer clique em prosseguir, apertem CTRL+F ou F3 e procure por

]]></b:skin>

2. Acima desta tag coloque o seguinte código.

.menuzito {background: #b0c795;font-size: 20px; font-family:homenaje; color: #888; text-align: center; float: left; margin: 5px;margin-bottom: 1px; -webkit-transition-duration: 0.8s;-webkit-box-shadow: 0 50px 0px #fff transparent; padding: 8px; width: 45px;}
.menuzito:hover { -webkit-transition-duration: 1.8s;box-shadow: 0px 100px 0px #a35973 inset;}
.nav {height: 70px; width: auto; margin-top: 25px; opacity: 1;-webkit-transition-duration: 0.5s;}

 As partes destacadas de Itálico são as cores, e a parte destacada de Negrito é o tamanho da fonte.

3. Agora vá em layout e adicione um gadget de HTML/javascript e cole o seguinte código.

<center>
<div class="nav">
<a href="/" class="menuzito"><font color="#fff">Home</font></a>
<a href="/" class="menuzito"><font color="#fff">Link</font></a>
<a href="/" class="menuzito"><font color="#fff">Link</font></a>
<a href="/" class="menuzito"><font color="#fff">Link</font></a>
<a href="/" class="menuzito"><font color="#fff">Link</font></a>
<a href="/ask" class="menuzito"><font color="#fff">Ask</font></a>
</div>
</center>

Agora é só fazer as alterações necessárias e salvar, se usar não esqueça de creditar o IM e o ST.
Hoje ainda trarei mais dois tutoriais.