1º passo - Cole este código logo antes de </style>
Personalizando:
Procure por background-color: #FFCCDD; e troque FFCCDD pelo code da cor que você quiser.
Procure por border: 1px solid #A9744C;
Entendendo o code:
1px = tamanho da borda
solid = sólido (pode mudar por ridge = duplo, dashed = tracejado, dotted = pontilhado)
#A97444C = cor da borda, mude pela cor que você quer
Procure por width:545px; essa é a largura, mude por o que você quiser.
Procure por height: 30px; essa é a altura, mude à vontade.
Procure por -moz-border-radius: 5px; -webkit-border-radius: 5px; esse é o código que deixa redondo, pode mudar 5 por qualquer outro número, ou, se quiser quadrado, retire este código.
2º passo - Cole este código depois de <head>. Não se esqueça de mudar SEUTUMBLR.
3º passo - O código do menu é esse:
<ul class=’lavalamp’>
<li><a href=”LINK”>NOME</a></li>
</ul>
Se for iframe fica assim:
<ul class=’lavalamp’>
<li><span onClick=”changeNavigation(‘01’)”>Link 01</span></li>
</ul>
E se for Menu pop up:
<ul class=’lavalamp’>
<li><a href=”#?w=500” rel=”NOME DO MENU, EX: ‘ASK’, ‘ABOUT’” class=”poplight”>Nome que aparece no menu</a></li>
</ul>
E se for ‘misturado’? Assim, por exemplo:
<ul class=’lavalamp’>
<li><a href=”/”>home</a></li>
<li><a href=”/ask”>ask</a></li>
<li><span onClick=”changeNavigation(‘01’)”>about</span></li>
<li><a href=”#?w=500” rel=”02” class=”poplight”>links</a></li>
</ul>
Créditos: All about HTML
