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:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram