18 junho 2013

Menu Slow

      
Oi oi gente !! To super animada , falta somente  3 dias para eu ver o paul wesley \o/ !! Hoje trago um menuzinho que aprendi a fazer no Kawaii World , e espero que gostem ,é bem bacana coloridinho vejam a preview >
                                           > Imagem do KW

1 >Vá em HTML e procure por : ]]></b:skin>
2> Acima da tag encontrada cole o seguinte 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;
}
3> Vá em layout > adicionar um gadget > HTML/Javascript e 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>
É isso ai beijoss , lindos e lindas até quinta !! Terça venho com fotos e quinta explico direitinho !! T+
 

3 comentários:

  1. Adorei o tutorial :)
    Como assim você vai ver o Paul Wesley? :3 Que inveja shaushua'

    Beijos, Gii
    Nevando em Nova York


    ResponderExcluir
  2. Esse menu é bem bonitinho!
    e--mpire.blogspot.com

    ResponderExcluir
  3. Nossa, como esse menu é lindinho *-* Adorei!

    ResponderExcluir

» Nossas redes sociais: Fã page | | Instagram | | Pinterest

» Críticas construtivas são sempre bem vindas.

» Deixe o link do seu blog no final do comentário e retribuiremos a visita com carinho.

» Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2019. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo