Tutorial : Menu Colorido

Hello ~ Como estão? Bom, hoje trago um menu bem kawaii *.* ele pode ser mais light ou mais colorido ehuehuehue , é bem simples , dá para fazer muitas alterações no estilo e na cor . Fica muito divo :3 ♥ Ah! Já ia me esquecendo, temos postadora nova hehehe >3< O nome dela é Camilly (Só os intimos podem chamar de Cami :*) Bom, eu e ela ainda não combinamos quando ela iria começar a postar. Mais ela é bem lecal e sabe bastante de Photoshop, Scape e tals. Os tutos dela seram destinos principalmente á edição. Agora vamos ao tutorial ^-^ enjoy!
Bom, é bem fácil (Como eu já disse) fica lindo. Preview *.* (Menu Colorido)

- Vá no HTML do seu blog (Modelo>Editar HTML) procure por : ]]></b:skin>, quando achar essa tag cole esse código no seu blog :

#menu-linkie { width: 160px; padding: 0; margin: 0; font: 14px Century Gothic; /* Fonte do menu */ } #menu-linkie ul { list-style: none; margin: 0; padding: 0; } #menu-linkie li { border-bottom: 1px solid #FFDAB9; /* Cor e estilo do separador */margin: 0; } #menu-linkie li a { display: block; padding: 5px 5px 5px 0.5em; background-color: transparent; color: #696969; /* Cor da fonte do menu */ text-decoration: none; } #menu-linkie li a:hover { background-color: #FFDAB9; /* Background do menu com o mouse por cima */ color: #000000; /* Cor do texto com o mouse por cima */ }

Ajuste o que for necessário e salve. Altere as cores com auxilo da Tabela de cores.
Agora vá na aba Layout , adicione um gadget HTML/Java Script e cole esse código :

<div id="menu-linkie"> <ul class=menu-linkie;> <li><a href="URL">Nome do link</a></li> <li><a href="URL">Nome do link</a></li> <li><a href="URL">Nome do link</a></li> <li><a href="URL">Nome do link</a></li> <li><a href="URL">Nome do link</a></li> <li><a href="URL">Nome do link</a></li> </ul></div> </div>

Em "URL" coloque o link na qual vc irá direcionar ao clique;
Em "nome" Ah, vc entendeu.

Créditos : Sweet Dreams e Sweet Poison >3<
Espero que tenham gostado, nutelas *.* ♥ Kisses - Vitória