28.6.14

Tutorial - Menu Perfect - Feito por mim



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>

2 comentários:

  1. 00:57 ? o.o Mds quanta animação pra postar em .. Amei o tutorial , o menu é lindo !

    Me ausentei do blog e agora estou voltando , será que poderia fazer uma visitinha? Bjôs ~

    Gave Crazy

    ResponderExcluir
  2. Obrigada pelo elogio !!!

    - Visitarei sim ,,
    - Beijos ----

    ResponderExcluir

。 Ei carinha fofa >< seja gentil e não seja mal - - Educado :D
。 Cupcakes de morando deixe o link do seu blog eu visitarei
。 De sua opnião ,, mais se for muito mal eu não me aguentarei de raiva ...
。 Respondo todos os comentários rsrs... ... ... ...
。◕‿◕。 Hey... e obrigada pelo comentário use nossas carinhas

❣◕ ‿ ◕❣ ✿◕ ‿ ◕✿ ❀◕ ‿ ◕❀
❁◕ ‿ ◕❁ ✾◕ ‿ ◕✾ ◡‿◡✿
✿◠‿◠ ≧◔◡◔≦ ಥ_ಥ
≧�◡�≦ ≧^◡^≦ ≧✯◡✯≦
✿⍲◡⍲ ◕‿‿◕ ( ● ω ● )>(o゜ェ゜o)