Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

4/07/2013

Menu Horizontal

Oi gente , eu achei esses códigos no site http://tableless.com.br e fiz um pequeno tutorial para blogger é muito simples confiram :
1 - Vá em Modelo > Editar HTML  e procure por ]]</b:skin>
e cole esse código
#menu ul li a {
 padding: 2px 10px;
 display: inline-block;
 
 /* visual do link */
 background-color:#EDEDED;
 color: #333;
 text-decoration: none;
 border-bottom:3px solid #EDEDED;
}
#menu ul li a:hover {
 background-color:#D6D6D6;
 color: #6D6D6D;
 border-bottom:3px solid #EA0000;
}
Troque as cores e salve.
2 - Em Layout clique em Adicionar um Gadget  e escolha o gadget HTML/JavaScript  e cole esse código
<nav id="menu">
 <ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Produtos</a></li>
  <li><a href="#">Missão</a></li>
  <li><a href="#">Links</a></li>
  <li><a href="#">Contato</a></li>
 </ul>
</nav>
coloque seus links e salve. Veja o Resultado
Créditos : Tableless Tutorial por : Sugoi Tutoriais

Nenhum comentário:

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.