Tutorial como personalizar menu

Oiee , vim postar um tutorial pra vocês lóógico né , de como personalizar o menu .. Mas antes dou créditos ao blog Bad Reputation pelo tutorial

Vou mostrar exatamente o código usado aqui :)

Vá em Design  Editar HTML  Ctrl f e procure por: ]]></b:skin>

agora que achou é só colar acima o código:

/*-----Início do Menu Bad Reputation-----*/

kbr {

background:#eee; /* Cor de fundo do Menu */

width: 20%; /* Tamanho do Menu (Largura) */

text-align: center;

font-size: 8px; /* Tamanho da fonte */

color: #000; /* Cor da fonte */

letter-spacing:1px;  /* Espaço entre as letras */

padding: 4px;

margin: 2px;

float: left;

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

-webkit-transition-duration: .90s; /* Tempo do Efeito */

}

kbr:hover {

background:#000; /* Cor do fundo do Menu ao passar o mouse */

width: 20%; /* Tamanho do Menu ao passar o mouse */

text-align: center;

font-size: 8px; /* Tamanho da fonte ao  passar o mouse */

color: #fff; /* Cor da fonte ao passar o mouse */

letter-spacing:1px; /* Espaço entre as letras */

padding: 4px;

margin: 2px;

float: left;

-moz-border-radius: 10px 25px / 25px 10px;

border-radius: 10px 25px / 25px 10px;

-webkit-transition-duration: .90s; /* Tempo do Efeito */

}

/*-----Fim do Menu Bad Reputation-----*/

 Modificando as partes destacadas

 Tabela de Cores  aqui

 Para o menu funcionar adicione um Gadget  HTML/JavaScript e cole o seguinte:

<a href="URL"><kbr>Nome</kbr></a>
<a href="URL"><kbr>Nome</kbr></a>
<a href="URL"><kbr>Nome</kbr></a>
<a href="URL"><kbr>Nome</kbr></a>

Se quiser mudar a fonte do menu é só adicionar no código antes de fechar a chave:

font-family: arial; /*Nome da fonte que quiser*/

 E se quiserem tem um menu bônus, veja a imagem:

 O código deste menu é:

/*-----Início do Menu Bad Reputation-----*/
kbr {
background: #ff0080; /* Cor do fundo do Menu  */
width: 20%;  /* Tamanho do Menu (largura) */
text-align: center;
font-size: 9px; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
letter-spacing:1px; /* espaço entre as letras*/
padding: 4px;
margin: 2px;
float: left;
-moz-border-radius: 30px 10px / 10px 30px;
border-radius: 30px 10px / 10px 30px;
-webkit-transition-duration: .90s; /* Duração do Efeito */
box-shadow: inset 0 0 3px #aaa, 0 0 5px #606060;  /* Cor da sombra */
}
kbr:hover {
background: #a203ff; /* Cor do fundo do Menu ao passar mouse */
width: 20%; /* Tamanho do Menu ao passar mouse */
text-align: center;
font-size: 9px; /* Tamanho da fonte ao passar mouse */
color: #fff; /* Cor da fonte ao passar mouse */
letter-spacing:1px;
padding: 4px;
margin: 2px;
float: left;
-moz-border-radius: 10px 30px / 30px 10px;
border-radius: 10px 30px / 30px 10px;
-webkit-transition-duration: .90s; /* Duração do Efeito */
box-shadow: inset 0 0 3px #aaa, 0 0 5px #606060; /* Cor da Sombra */
}
/*-----Fim do Menu Bad Reputation-----*/