Tutorial : Menu Cute Vertical.

Oiie gente ,esse tutorial aprendi no

Word Candy

Vamos lá :

Modelo>Editar HTML>Procure por :


]]

E cole acima este código :

#menucute {/Por Viih\
background: #E066FF; (COR DE FUNDO)
border-left: 3px solid: #7D26CD; (EXPRESSURA E A COR DA BORDA)
color: #87CEFF; (COR DA FONTE)
font-family: tahoma; (FONTE DAS LETRAS)
font-size: 11px; (TAMANHO DA LETRA)
text-align : left; (ALINHAMENTO DO TEXTO)
padding-bottom : 2px;
padding-left : 5px;
margin-bottom: 3px;
}


#menucute:hover { (MENU QUANDO O PASSA O MOUSE)
background: #AB82FF; ( COR DE FUNDO)
border-right: 3px solid #00008B; (EXPRESSURA E COR DA BORDA DA DIREITA)
border-left: 3px solid #E066FF; (EXPRESSURA E COR DA BORDA DA ESQUERDA)
color: #B5B5B5; (COR DA FONTE)
font-family: tahoma; (FONTE DAS LETRAS)
font-size: 11px; (TAMANHO DA FONTE)
text-align : right; (ALINHAMENTO DO TEXTO)
padding-bottom : 2px;
padding-right : 5px;
margin-bottom: 3px;
}


Se você quiser colocar nos fundos, alguma imagem, troque o background: #00000; por background: url (URL-DA-IMAGEM);

Agora salve e vá em Layout > Adicionar Gadget>HTMLJavaScript

E no gadget coloque :

AQUI O NOME - AQUI A DESCRIÇÃO

Para colocar mais links vá duplicando até o desejado.

Espero que tenham gostado , beijo beijos.