Menu Automático


Esse menu é de fácil aplicação, vamos lá?

 Faça sempre backup do seu template antes de modificá-lo , ou tenha um blog de testes, caso algo dê algo errado.

Seu Menu ficará conforme a foto abaixo:



Para fazer esse menu é necessário apagar os códigos antigos antes de adicionar os novos.




Vá em => <b:skin>...<b:skin> abra e procure por /*---Tabs---*/







Apague tudo acima e substitua por:


/* Tabs----------------------------------------------- */.widget-content { width:100%} #PageList1 {background: #;width: 100%;height: 44px; line-height:20px; margin-bottom:38px;border-top: 1px solid #f39999; border-bottom: 1px solid #f39999; text-transform:uppercase; } #PageList1 ul li a {font-family: 'Open Sans Condensed', sans-serif; color:#000000; text-decoration: none;font-size: 20px;  padding: 05px; font-weight:bold; 300; margin: 1em 0 0;-webkit-transition-duration: .50s;-moz-transition: 50s; -o-transition: 50s;#PageList1 ul li a:hover {color:#f39999;text-decoration: none;
}

Tudo que está em negrito pode ser personalizado. Vc também pode adicionar cor ao fundo em:  background. 

Nenhum comentário:

Postar um comentário