Menu para tumblr

Coloque um menu parecido com o da imagem abaixo no seu tumblr de maneira simples e rápida.

1º Copie o código abaixo:

div.navigate a{ 
background: #D8BFD8; color: #ffffff; display:block; width: 88px; height: 15px; text-align: center; padding-top:2px; margin-left:2px; margin-top:2px; position:relative; text-align: center; z-index:1; font-weight: bold; -moz-border-radius:7px; -webkit-border-radius:7px; display: inline-block;
}
div.navigate a:hover{ 
background: #FFC0CB; letter-spacing:1px;
}

2º Editar o código do passo anterior, no lugar de #D8BFD8 coloque o código da cor do menu e no lugar de #FFC0CB coloque o código da cor que a opção do menu ficará quando o mouse passar por cima dela.

Por exemplo, a cor do menu da imagem abaixo é roxo, só que quando passamos o mouse na opção a cor muda para rosa.

Para ver o código HTML das cores acesse http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm                                             
3º Copie o código já com as cores de sua preferência e vá no tumblr > customize > Advanced e cole o código no box de Custom Css ( caso não de certo dessa forma cole o código imediatamente antes de </style> )                                                 
4º Copie o código abaixo

<center><div class=”navigate”>

<a href=”http://link1“style=”text-decoration:none”>Texto 1</a>

<a href=”http://link2“style=”text-decoration:none”>Texto 2</a>

<a href=”http://link3“style=”text-decoration:none”>Texto 3</a>

<a href=”http://link4“style=”text-decoration:none”>Texto 4</a> </div></center>                                        

5º No lugar da parte destacada em vermelho no código (http://link1) coloque os links, já na parte destacada em azul (Texto 1) coloque o nome referente ao link.      
Você pode tanto adicionar quanto retirar links (opções) do seu menu, para acrescentar mais opções além dessas 4 do código basta adicionar
<a href=”http://link“style=”text-decoration:none”>Texto </a> 

 antes de </div> , para retirar alguma opção é só retirar essa mesma parte do código

6º Copie o código do passo anterior já com os links (opções) do seu menu, vá no tumblr> customize > info e cole o código na descrição. Veja se o menu apareceu e se esta tudo certo com o seu theme.
Nota(1): Em alguns themes os códigos colocados na descrição não funcionam. Para fazer funcionar nesses themes tem que colocar o código direto no HTML, e como os themes são muito diferentes não temos como explicar um lugar específico para colocar o código nesses casos.
Nota(2):Os links não funcionam na página de customização do tumblr portanto se estiver tudo ok com o seu theme salve, vá na sua página e teste o menu para ver se ele esta funcionando direito.

E pronto fácil né? Se tiver alguma duvida ou quiser falar algo mande um comentário!!