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