Menu Chocolate

Olá,boa tarde!

Tinha esquecido pra vocês de dizer o dia da minha prova,hoje eu fiz,não estudei nadinha de nada ontem para a aprova de hoje,mais a prova tava tão fácil que eu fiz em 20 segundos,vocês não vão acreditar tão fácil assim,e depois tive que fazer outra prova -.- de português,apesar de quê eu adoro PT, só odeio Matemática.~

Trouxe um menu muito fofo,de páscoa , mais que serve pra usar agora aqui também,mesmo que não seja a páscoa, é o menu chocolate do black cherry,então créditos diretos pra lá , vamos começar ^.^

Preview (xx)

Vá até o seu HTML e procure por ]]></b:skin>. Cole o código abaixo logo antes dessa tag.

url('http://static.tumblr.com/aicgjw6/SC5mkfmh9/pharmacy.ttf') }
.choco {
background: #AD813F;
padding: 5px;
margin: 2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-align: center;
font-family: pharmacy;
font-size: 20px;
text-shadow: 1px 1px 0px #51371C;
-moz-box-shadow: inset 0px 0px 10px #51371C, 1px 1px 0px #FF9FCF, 2px 2px 0px #51371C;
-webkit-box-shadow: inset 0px 0px 10px #51371C, 1px 1px 0px #FF9FCF, 2px 2px 0px #51371C;
box-shadow: inset 0px 0px 10px #51371C, 1px 1px 0px #FF9FCF, 2px 2px 0px #51371C;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
display: inline;
}
.choco:hover {
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
}
c {
color: #FF9FCF;
}

Salve as alterações e para fazer o menu funcionar, é só colar o seguinte em um gadget HTML/Javascript:

<div class="choco"><a href="LINK"><c>NOME</c></a></div>
<div class="choco"><a href="LINK"><c>NOME</c></a></div>
<div class="choco"><a href="LINK"><c>NOME</c></a></div>

Se quiser colocar mais posições, é só repetir o código no gadget. Espero que tenham gostado, não deixem de comentar e se usarem, creditem sempre, okay?