2/19/2015

❀Tutorial:Efeito Slowly {Para Elite De Afiliados}.

Hye de novo docinhos!!Fiquei tanto tempo sem postar um Tutorial ou Goodie então para recompensar hoje vim trazer um tutorial e depois utilitários super fofos!!Então o tutorial de hoje é um efeito,e já dando os créditos ao blog Empire Kawaii!!Let's go??
 Então chocolates, é basicamente o que vocês leram ali em cima ^.^ ,fala a verdade fiquei um tempão sem postar um tutorial bacana e tal.Logo eu que todos os dias postava um tutorial,efeito etc.
Mas bem,para recompensar vim com um tutorial de efeito.Que você pode usar na sua elite de afiliados,ou até mesmo em imagens para post.Eu super amo colocar efeitos nas imagens do blog,e achei esse efeito super fantástico!!

                                                        {Preview Do Efeito}
Certinho,agora que já viu o efeito...Você gostou??Se sim e quer usar, é só seguir o tutorial abaixo:
Vá em modelo,edita Html aperte as teclas Ctrl+f  e irá abrir uma caixa de pesquisa,dentro dela procure por:
]]></b:skin
 
Ao achar o código,cole isso acima dele:
 .slowly {border-radius: 1px;box-shadow: 1px 1px #fff;padding:2px;background:#fff;border: solid 1px #ddd;transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;transform: rotate(0deg) scale(1) skew(1deg) translate(0px);-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);}.slowly:hover{transform: rotate(180deg) scale(0.615) skew(1deg) translate(0px);-webkit-transform: rotate(181deg) scale(0.615) skew(1deg) translate(0px);-moz-transform: rotate(180deg) scale(0.615) skew(1deg) translate(0px);-o-transform: rotate(180deg) scale(0.615) skew(1deg) translate(0px);-ms-transform: rotate(180deg) scale(0.615) skew(1deg) translate(0px);}
 
Salve.Agora vá em layout>>adicionar gadget Html/Java Script e cole esse código dentro da caixa:
<a href="LINK" title="NOME DO BLOG"><img class="slowly" src="LINKDAIMG" /> </a>

É isso pessoal,espero que tenham gostado do efeito. É bem simples e fofinho,adoro coisinhas básicas mais cute ^-^ .
Certinho,e ótimo para elite de afiliados né?!Okay caso usem me creditem viu?!E ao Empira K. também!!

Nenhum comentário :

Postar um comentário