• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

28 de janeiro de 2013

Menu Pisca-Pisca

Tumblr_m2msssmsdl1ru34mzo1_500_large
Oi zumbie leitores!
Sempre ando ausente, acho que vocês se admiraram ao me ver aqui não é?! nem sei como a Hannah ainda não me tirou da lista de postadores, ela é mesmo boazinha com minha pessoa. Mas hoje pretendo postar alguns posts à mais para compensar minha ausência. [oh, quantos posts, DOIS ahouhouhou]
Hoje trouxe um menu super legalzinho [exagerei, não tem esse super, é só legalzinho mesmo] que vocês podem usar para links secundários ou até o menu principal de seu blog, isso depende muito do layout.


Acharam legal? eu testei ele no blogger e deu certinho.

Cole acima de ]]></b:skin> o código abaixo (pois não tem código nenhum ali em cima ahouhouhou):


/* Menu Pisca-Pisca - by: Danii Deutscher */
@-webkit-keyframes piscapisca {
from {-moz-opacity: 0; opacity: 0;}
to {opacity: 100; -moz-opacity: 100;}
}
@-moz-keyframes piscapisca {
from {-moz-opacity: 0; opacity: 0;}
to {opacity: 100; -moz-opacity: 100;}
}
@-o-keyframes piscapisca {
from {-moz-opacity: 0; opacity: 0;}
to {opacity: 100; -moz-opacity: 100;}
}
mn {background: #00CED1; color: #fff; display: inline-block; padding: 5px; text-align: center; font-variant: small-caps; text-transform: lowercase; font-weight: bold; cursor: pointer; font-family: 'Verdana'; font-size: 11px;}
mn:hover {-webkit-animation-name: piscapisca;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
-moz-animation-name: piscapisca;
    -moz-animation-duration: 0.2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
-o-animation-name: piscapisca;
    -o-animation-duration: 0.2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;}

E para usar o menu é só colar isso em um HTML / Javascript e personalizar as partes em roxo amo roxo:
<a href="http://link.com"><mn>Link</mn></a>
Tá fácil né?! 
Aqui tá a tabela de cores pra personalizar melhor~
só não usa quem já conhece um outro menu legal ou tá com preguiça sou engraçado.
meu banner é rosa?

12 comentários: