28 maio 2013

Como colocar Menu Zoom no blog

Oi oi galerinha viciada em internet ! Tudo bem com vocês ? Bom today is a day very very happy for me ! ^^ Yeap . "Por que você ta falando inglês sua loca varrida ?" Você deve estar se perguntando !É por que faltam somente 24 dias para eu ver o incrivelmente perfeito rosto do Ian Somerhalder *-* ! Mas today is terça , e hoje fazemos o nosso momento T&Q ! Uhuuul
Para aprender o tuts clique em Leia +
1 > Vá em modelo > Editar HTML > Ctrl+F e procure por : ]]></b:skin>
2 >  Acima dele cole o seguinte código :
@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
 menuz {
font-family: 'handy';
-webkit-transition:All 3s ease;
-moz-transition:All 3s ease;
-o-transition:All 3s ease;
width: 27%; 
float: left;
background:#252643;
opacity: 0.6;
letter-spacing: 1px; 
padding: 5px;
text-align: center;
margin: 1px; 
-moz-border-radius: 03px;
-webkit-border-radius: 1px;
font-size: 8px;
color: #fff;
}
 menuz:hover {
font-family: 'handy';
width: 27%;
float: left;
background:#fff;
opacity: 0.6;
letter-spacing: 2px; 
padding: 5px;
-webkit-transform: rotate(0deg) scale(1.250) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.250) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.250) skew(1deg) translate(0px); 
text-align: center;
margin: 1px;   
-moz-border-radius: 03px;
-webkit-border-radius: 1px;
color: #5C4B37;
-moz-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
 
Agora para o menu funcionar vá em layout > adicionar um gadget > HTML/Javascript e cole :
<a href="link"><menuz>Home</menuz></a>
<a href="link"><menuz>About</menuz></a>
<a href="link"><menuz>Tutoriais</menuz></a>
<a href="link"><menuz>Goodies</menuz></a>
<a href="link"><menuz>F.A.Q</menuz></a>
<a href="link"><menuz>Contato</menuz></a>
É isso ai gente linda ^^ Espero que tenham gostado do tuts e até a quinta para mais um T&Q , não esqueçam de visitar o meu blog > SKW < e comentem nesse post viu , os outros tão com muito pouco comentário e falando nisso , pode colocar nele também elogios/críticas. Bjus !

23 comentários:

  1. Muito bom o tutorial, ótima dica *-*
    Beijos
    Chic & Kawaii

    ResponderExcluir
  2. ótimo tuto *---*

    universocute.blogspot.com.br

    ResponderExcluir
  3. Amei o tutorial, ele está ótimo.
    Confira a resenha de amigos inimigos: lendoeaprendendoblog.blogspot.com

    ResponderExcluir
  4. Adorei o tutorial... ficou muito bom ! Continue fazendo outros por que esse ficou incrível !
    Já estou seguindo. retribui? claro, se gostar do meu blog !
    http://pimentaeoutrasdrogas.blogspot.com/
    Beijooos !

    ResponderExcluir
    Respostas
    1. Claro querida , brigada , vou continuar ! ^^

      Excluir
  5. Adorei o tuto!
    E sério que você vai conhecer o Ian???????? ME LEVA NO BOLSO PFVR uahauah invejando apns kdsj
    Bjss!
    http://invernocolorido.blogspot.com/

    ResponderExcluir
  6. ja vi ele é bem bonitinhoooo o/
    e me explica ai, como vc vai ver o IAN????
    boiei
    acervo-de-livros.blogspot.com

    ResponderExcluir
    Respostas
    1. kkk , vou na convenção da bloodlines em sao paulo dia 22/6 ^^

      Excluir
  7. Fica lindo de verdade.
    Um beijo
    http//bombasticmusics.blogspot.com

    ResponderExcluir
  8. Ameii o tutorial, muito legal :]

    http://blogmundoanny.blogspot.com.br/

    ResponderExcluir
  9. que massa! adorei o menu*
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
  10. Adorei o tuto amor *^*
    Beijos, Djêni.

    ithe-clouds.blogspot.com

    ResponderExcluir
  11. Adorei o blog.Sucesso pra vc!
    Seguindo espero que retribua!
    http://www.dicasefeminices.blogspot.com.br/
    BJOS
    Rayca Rezende e ThalitaK.
    Quem quiser seguir tbm,retribuo é só deixar o link do seu blog nos comentários.
    Bjos

    ResponderExcluir
  12. arrasou no tuto!!! A-M-E-I!!
    seguindo aqui.

    :)
    www.meninaperdida.com

    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