quarta-feira, 24 de julho de 2013

Tutorial: Efeito Sunday



 1. Vá ate seu HTML e procure por ]]></b:skin>, acima dele cole:


   @-webkit-keyframes nen {    0% {-webkit-transform:  rotate(1deg);}    25% {-webkit-transform:  rotate(10deg);}    50% {-webkit-transform:  rotate(1deg);}    100% {-webkit-transform:  rotate(10deg);}    }    @-moz-keyframes nen {    0% {-webkit-transform:  rotate(1deg);}    25% {-webkit-transform:  rotate(10deg);}    50% {-webkit-transform:  rotate(1deg);}    100% {-webkit-transform:  rotate(10deg);}    }    @-o-keyframes nen {    0% {-webkit-transform:  rotate(1deg);}    25% {-webkit-transform:  rotate(10deg);}    50% {-webkit-transform:  rotate(1deg);}    100% {-webkit-transform:  rotate(10deg);}    }    .nen { -webkit-transition: .2s; -webkit-border-radius: 1px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius: 1px; -moz-border-radius-bottomright: 10px; border-radius: 1px; border-bottom-right-radius: 10px;    box-shadow: 0px 1px #d15e93;}    .nen:hover { -webkit-animation: nen .2s alternate infinite linear; -webkit-border-radius: 1px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius: 1px; -moz-border-radius-bottomright: 5px; border-radius: 1px; border-bottom-right-radius: 5px; }

2. Vá ate seu layout e crie um novo gadget de HTML. Dentro dele cole o código abaixo e arrume as parte em negrito:

<center><a href="LINK" title="Vaga"><img class="nen" src="http://i.imm.io/1aq9R.png" /></a>
<a href="LINK" title="Vaga"><img class="nen" src="http://i.imm.io/1aq9R.png" /></a>
<a href="LINK" title="Vaga"><img class="nen" src="http://i.imm.io/1aq9R.png" /></a></center>



Nenhum comentário:

Postar um comentário