2 de mai. de 2008

Menu em pestana

Para colocar este menu como este abaixo, siga as instruções.






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;
margin-right:30px; /* aqui a margim do menu a direita*/
margin-left:30px;/* aqui a margim do menu a esquerda*/
background: #cccccc;/* aqui a cor de fundo do menu*/
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;/*aqui a cor dos botões*/
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.


<div id='navcontainer'>
<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>
</div>


Créditos: Listamatic

Um comentário:

  1. Boa noite!! Adorei seus templates e até já coloquei um, mas a minha dúvida é que não consigo alterar os menus para quando clicar mostrar o que quero.Pedia então o favor de me ajudar.O meu muito obrigado ! o meu blog é http://lojacinderela-cinderela.blogspot.com
    beijo

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube