Aprenda a como fazer o menu continuando a ler a postagem!
1 Vá para Tema > Editar HTML > Clique na caixa de código e aperte Ctrl + F ou F3 > Procure por ]]></b:skin> > Cole o seguinte código acima:
2 Faça as alterações necessárias.
3 Salve.
4 Vá até o local que quer adicionar o menu e cole o seguinte código abaixo:
5 Faça as alterações necessárias.
6 Salve.
a.menu-sweet {
text-align: center;
background: #087E8B;
color: #fff !important;
font-size: 14px;
font-family: Century Gothic;
margin: 1px;
line-height: 12px;
padding: 5px 15px;
-webkit-border-radius: 25px 10px / 10px 25px;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
a.menu-sweet:hover {
background: #0B3954;
-webkit-border-radius: 10px 25px / 25px 10px;
-moz-border-radius: 10px 25px / 25px 10px;
border-radius: 10px 25px / 25px 10px;
}
a.menu-sweet,
a.menu-sweet:hover {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
<a class="menu-sweet" href="LINK">Início</a>
<a class="menu-sweet" href="LINK">Sobre nós</a>
<a class="menu-sweet" href="LINK">Contato</a>
Oláaa, eu brotando aqui de novo hehe
ResponderExcluirEsse menu agora me deu tanta nostalgia cara.. Nossa, tu não sabe o quanto >.<
Eu sempre achei fofo esse tipo de efeito meio tortinho e ele foi muito usado nas antigas quando a blogosfera era bombada..
Beijos =3
Oir
ExcluirEstava passando por alguns templates antigos do blog e achei esse menu em um deles, decidi trazer por me lembrar de bons tempos aqui da blogsfera.
Obrigado por visitar~