29 de nov de 2013

Menu com Fundo Colorido


Oiie seus lindos, voltando a maratona de tutos pra vocês, vou fazer um tutorial que é como colocar o menu com fundo colorido que é esse que eu tenho aqui no blog, na parte das categorias.
Pra começar procure (Ctrl + F) por ]]></b:skin> mas para facilitar procure por:
]]>
Acima dessa TAG cole o seguinte código:

#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 */
}
Personalize do jeito que você preferir.
Vá em layout,  Adicionar um Gadget e HTML Script e cole o seguinte 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>
Então é isso seus lindos...
Beijos <3

Nenhum comentário:

Postar um comentário