clique aqui


BLOGS QUE ADMIRO ACIMA E OUTROS LINKS ABAIXO

09/06/2015

Tutorial: Menu Pisca-Pisca


Yo queridos como estão? Desculpe não ter postado esses últimos dias, estive completamente sem tempo, mas essa semana prometo compensar. Porém hoje decidi postar um menu muito simplório porém mimoso. Eu encontrei lá no blog Chá com Anjos, espero que gostem. É possível ver o exemplo no menu, no link mais abaixo. 


1) Escolha o blog qual deseja aplicar, e vá ate seu HTML. Chegando lá ative a pesquisa cm o atalho Ctrl+U e pesquise por ]]></b:skin>, acima dele cole: 
/* 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: #COR-DE-FUNDO; color: #COR-DA-LETRA; 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;}


2) Agora vá ate Layout e abra um novo gadget/javascrit, dentro dele cole:
<a href="SEU LINK"><mn>NOME DO LINK</mn></a>
<a href="SEU LINK"><mn>NOME DO LINK</mn></a>


Enfim é isso! Espero que gostem!

Nenhum comentário:

Antes de sair, não esqueça de comentar!