Hooy Chocolates, Bom são 00:57 da manhã, e eu fiz 2 tutoriais para vcs, um é o Menu Perfect e o outro, vou postar em uma outra postagem, que vou fazer amanhã, que é o menu Dom Fashion, os dois menus são muito e muito fofinhos >-< espero que vocês gostem do tutorial de hoje >-<
Obs : Demonstração Aqui
Primeiro - 1° - Va em Modelo e depois em HTML.
Segundo - 1° - Cole o codigo A seguir
#menuPerfects {
background-color: #F8ECE0; width: 10%; height: 9px; font: 11px arial; color: #a2a2a2; padding: 1px 0px 4px 0; letter-spacing: 1px; text-align: center; margin: 3px; text-transform: lowercase; margin-bottom: 4px; transition: all 0.5s ease-out; } #menuPerfects:hover{ background-color: #E0F8F7; width: 16%; height: 10px; font: 11px arial; color: #dad7d7; padding: 1px 0 4px 0; letter-spacing: 2px; text-align: center; margin: 03px; text-transform: lowercase; } a { text-decoration:none; }
Terceiro - 3° - Clique em Salvar
Quarto - 4° - Adicione o codigo a seguir no HTML/JavaScript
<a href="Seu.link.aqui" id="menuPerfects">Nome</a>
<a href="Seu.link.aqui" id="menuPerfects">Nome</a>
<a href="Seu.link.aqui" id="menuPerfects">Nome</a>
<a href="Seu.link.aqui" id="menuPerfects">Nome</a>
<a href="Seu.link.aqui" id="menuPerfects">Nome</a>
00:57 ? o.o Mds quanta animação pra postar em .. Amei o tutorial , o menu é lindo !
ResponderExcluirMe ausentei do blog e agora estou voltando , será que poderia fazer uma visitinha? Bjôs ~
Gave Crazy
Obrigada pelo elogio !!!
ResponderExcluir- Visitarei sim ,,
- Beijos ----