Menu slow

Tumblr_mbl008azlc1qcntwzo1_500_large
Oi povinho lindo ,tudo bom ? Desculpem por não ter postado ontem ,eu tava sem inspiração ,odeio quando eu fico sem inspiração .Mas mudando de assusto hoje irei ensinar ah fazer o menu slow ,o menu é simples & muito fofo . O menu vai ficar assim ,adorei o menu .
 Os créditos vão para o blog Kawaii World . Clique em '' Leia mais '' para aprender a fazer o menu .
1º Vá em Design >  Editar HTML e procure por "]]></b:skin>". Acima da tag, cole código :


.Slowly {
width:210px;
}
Título {
background:#eaeaea;
color: #e2c1d2;
float:left;
padding:5px; 
text-align:center;
width:200px;
-webkit-transition-duration: .95s;
font: bold 14px tahoma;
letter-spacing:3px;
border-radius:3px 3px 0px 0px;
}
Back {
background:#eaeaea;
float:left;
padding:4px; 
width:202px;
-webkit-transition-duration: .95s;
border-radius:0px 0px 3px 3px;
}
Slow {
background:#fad0de;
color: #ffffff;
float:left;
width:206px;
padding:2px;
letter-spacing:2px;
text-align:center;
-webkit-transition-duration: .45s;
font: bold 11px georgia;
text-shadow: 2px 1px 2px #909090;
}
Slow:hover {
background:#e2e2e2;
-webkit-transition-duration: .50s;
text-shadow: 2px 1px 2px #bfabab;
}

- Entenda o código:

Título { refere-se as configurações do título, aquela partezinha cinza do começo. 
Back { refere-se aparte cinza de baixo.
Slow { refere-se ao menu em si.
Slow:hover { refere-se ao menu quando passa o mouse.

Após configurar da forma que deseja, adicione um gadget de HTM/JavaScript e nele, cole:

<center><div class="Slowly">
<título>Navegue</título><a href="LINK"><slow>HOME</slow></a><a href="LINK"><slow>TUTORIAL</slow></a><a href="LINK"><slow>SOBRE</slow></a><a href="LINK"><slow>EXTRAS</slow></a><a href="LINK"><slow>QUEM SOMOS</slow></a><a href="LINK"><slow>AGRADECIMENTOS</slow></a><back><p></p></back>
</div></center>


Espero que vocês tenham gostado do menu ,beeeeeeeeeijos .

3 comentários:

  1. Ahhh adorei o menu, ele é lindo!!
    Bjinhos
    http://chuvadesonhooficial.blogspot.com.br/

    ResponderExcluir
  2. que boom que vocês gostou ! Também achei o menu lindo .

    beeeijos

    ResponderExcluir
  3. OMG, você acaba de salvar minha vida!
    Eu tinha adicionado esse menu no HC, mas esqueci que tag eu procuraria para editar as cores, agora que atualizei o Layout.
    Agora, estou salva ^3333333333333333^ Obrigada *-*

    Ah, estou te seguindo *-* Poderia me seguir também? Ficaria muito feliz.

    Kissus ;* / Heart Cake / perfil

    ResponderExcluir