Menu com fundo colorido

Oiiee ♥ Hoje vou ensinar a fazer um menu liindo :



Créditos : http://blog-sweetpoison.blogspot.com.br/

Clique em LEIA O RESTO > e não esqueça de curti o post.



Vá no HTML do seu blog > Aperte F3 e pesquise por :

]]></b:skin>

Acima desta tag cole :

#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 */ }

Edite de acordo com seu gosto.
Vá em elementos da página, Adicionar um gadget, HTML/JavaScript e dentro cole :

<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 da página, em Nome do link coloque o nome da página, depois salve. Beijoos ♥