Tutorial - Menu So Crazy

Oi gente, olha eu de novo agora vim postar um tutorial ensinando a fazer um menu, ele é bem simples e fácil, se vocês quiserem ver um exemplo clique neste link aqui, ficou um pouco estrando por causa das cores mais vocês podem mudar de acordo com a preferências de vocês, vamos lá ----->

Tecle Ctrl+F ou F3 e procure por ]]></b:skin>
Cole o código abaixo, acima da tag que você procurou, depois é só editar.

.crazy {
margin-bottom:2px;
display: block;
background:#a787ee; / * Cor de Fundo*/
text-align: center; /* Alinhamento do Texto */
padding:2px;
width: 50%;
border-left: 15px solid #333; /* Cor e Estilo da Borda*/
font-size:11px;  /* Tamanho da Fonte */
box-shadow: inset 0px 0px 15px #000;
text-transform: uppercase;
}
.crazy:hover {
margin-bottom:2px;
display: block;
background:#a787ee;
text-align: center;
padding:2px;
width: 80%;
border-left: 25px solid #333;
font-size:11px;
box-shadow: inset 0px 0px 15px #000;
text-transform: uppercase;
}

Pronto, para usar o menu é só você adiconar um gadget HTML/JavaScript com isto:

<a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a>

Menu Pronto para uso!