vá até o HTML do seu blog e procure pelo código:
]]></b:skin>
Acima dele cole o código abaixo.
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
*Atenção, onde está destacado é o local que você poderá trocar as cores.
#navcontainer
{
padding: 0;
background: #cccccc;
height: 20px;
}
#navlist
{
margin: 0px;
padding: 0px 0px;
display: block;
}
#navlist li
{
list-style: none;
float: left;
}
#navcontainer a, #navlist li.extend
{
margin: 0px;
display: block;
border-top: 1px solid #333;
padding: 1px 6px;
text-decoration: none;
background: #cccccc;
font: normal 12px verdana, serif;
color: #000;
}
#navcontainer a:hover, #navcontainer a#current
{
padding: 1px 5px;
background: #FAFAFA;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #FAFAFA;
border-bottom: 1px solid #333;
color: #000;
}
#navcontainer a#current
{
background: #F6F6F6;
border-top: 1px solid #F6F6F6;
font-weight: bold;
}
#navcontainer li#active
{
border-right: 2px solid #828282;
border-bottom: 2px solid #828282;
}
Agora ainda no HTML do seu blog, procure pelo código:
<div id='outer-wrapper'><div id='wrap2'>
E cole o código abaixo trocando por seus links.
<ul id="navlist">
<li id="active"><a href="AQUI O ENDEREÇO DO SEU LINK 1" id="current">LINK 1</a></li>
<li><a href="AQUI O ENDEREÇO DO SEU LINK">LINK 2</a></li>
<li><a href="AQUI O ENDEREÇO DO SEU LINK">LINK 3</a></li>
<li><a href="AQUI O ENDEREÇO DO SEU LINK">LINK 4</a></li>
<li><a href="AQUI O ENDEREÇO DO SEU LINK">LINK 5</a></li>
</ul>
Créditos: Listamatic
0 Comments:
Postar um comentário
×÷·.·´¯`·)»JuGifs«(·´¯`·.·÷×
Obrigada pelo Comentário!
Logo vou responder .. Bjs a todos!
×÷·.·´¯`·)»JuGifs«(·´¯`·.·÷×