Menu spin surprise + adiamento do concurso


Yoo ~
Desculpem a demora, os dias estão corridos pra mim. Estou postando um dia sim, outro não, para não me sobrecarregar. 
Gente, sabe aquele concurso? (Se não sabe ou ainda não participou, clique aqui). Então, era pra sair o resultado ontem, mas como eu disse, não tive muito tempo. Os prêmios do ganhador (a) vou fazer este fim de semana. O novo resultado sairá dia 25/06. 
Agora, eu achei um menu muito fofinho e simples pra quem gosta do básico.
Like Preview: [www]
Créditos: [www]


Primeiro, vá para o editor de html e procurem por <b:skin> e colem depois dele esse código:

  /* Menu Spin Surprise - by: daniideutscher */
/* Animação do Menu */
@-webkit-keyframes spinsurprise {
from {-webkit-transform: rotate(10deg); opacity: .40;}
to {-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes spinsurprise {
from {-moz-transform: rotate(10deg); opacity: .40;}
to {-moz-transform: rotate(-360deg);}
}
@-o-keyframes spinsurprise {
from {-o-transform: rotate(10deg); opacity: .40;}
to {-o-transform: rotate(-360deg);}
}
/* ESTEMenu */
mymenu {font-family: 'Verdana'; /* Fonte */
font-size: 11px; /* Tamanho da Fonte */
color: #fff;
font-variant: small-caps;
text-transform: lowercase;
text-align: center;
padding: 4px;
border-radius: 5px;
background: #95cae8; /* Cor de Fundo */
display: inline-block;
width: 13%;
-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;
cursor: pointer;
}
mymenu:hover {color: #fff; /* Cor da Fonte */
-webkit-animation-name: spinsurprise;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-direction: alternate;
-moz-animation-name: spinsurprise;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 3;
    -moz-animation-direction: alternate;
-o-animation-name: spinsurprise;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 3;
    -o-animation-direction: alternate;}

Agora cole esse código em um gadget de Html JavaScript:

<mymenu><a href="http://link.com/">Gostou</a> </mymenu> <a href="http://link.com/"><mymenu>Desse</mymenu></a>  <a href="http://link.com/"><mymenu>Menu?</mymenu></a>
E aí gostaram? Eu achei ele bem fofinho e simples pra quem não gosta de coisa chamativa.
Kissus, e não esqueçam de participar do concurso hein? (~.~)

22 comentários:

  1. Ficou lindo o menu!e também gostaria que você fosse ler as regras de afiliação. ok?
    http://maisumaprimaveras.blogspot.com.br/p/afiliece.html

    ResponderExcluir
  2. Oi Linda Vai Postar Hoje lá no Blog :D õ//

    ResponderExcluir
  3. lindo o menu , gostei hehe
    www.mymomentsz.blogspot.com

    ResponderExcluir
  4. Hey florzinha,
    Eu fiquei um tempão ausente aqui =c
    Tive milhares de trabalhos e nem deu para aparecer,desculpe...
    em fim, amei o Menu, simples e lindo,bem legal e o tuto muito util...beijos
    Cerejas Voadoras~~

    ResponderExcluir
    Respostas
    1. Obrigada sua foofa, que isso, estou tbm muito ocupada, mas vou visitar seu blog tbm :D

      Excluir
  5. Yoo ~~ ✩
    Nossa que massa tem menu .U❤Ú
    Bom tu adiou o consurso putz em .

    http://blog-meninasmalucas.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. kkkk' Obrigada, é tive que adiar, tava sem tempo pra fazer os prêmios xD

      Excluir
  6. Que menu lindo!^^
    Bjs
    luisadub.blogspot.com

    ResponderExcluir
  7. Adorei esse menu!
    http://encantos-de-meninas1.blogspot.com.br/

    ResponderExcluir
  8. Esse menu é muito fofinho, básico.. E super útil, pra quem gosta de detalhes fofinhos *U*

    Beijuhs. || †‏ Ieah

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ