EFEITO NA ELITE AFILIADOS + IMAGENS (50X50)
Hello *-* Nesse novo Layout do Blog, eu tava afim de criar alguma coisa nova, algo diferente que eu pudesse passar para vocês. Foi ai que eu resolvi "inventar" um efeito legal na Elite Afiliados do Blog. Gostei bastante do resultado e cá estou eu aqui para postar o Tutorial desse efeito para vocês.
Bom, pra quem ainda não viu, o Efeito é esse:
Bom, para que o efeito funcione, você precisa adicionar o Código no HTML do seu Blog. Para isso, vá em Design - Editar HTML - Ctrl+F e Pesquise por ]]></b:skin>
Quando achar, cole o código abaixo, em cima do que você encontrou:
.elitepom {-webkit-transition: opacity 0.8s linear;opacity: 0.6;margin: 1px 4px 0 0;padding: 2px;background: url ("URLDOPATTERN1");transition:all 0.8s linear;-moz-transition:all 0.8s linear;-webkit-transition:all 0.8s linear;-o-transition:all 0.8s linear;}.elitepom:hover {-webkit-transition: opacity 0.8s linear;opacity: 1;background: url ("URLDOPATTERN2");transition:all 0.8s linear;-moz-transition:all 0.8s linear;-webkit-transition:all 0.8s linear;-o-transition:all 0.8s linear;}
Colou? Não se esqueça de fazer as devidas alterações ok? Pois bem! Agora adicione um Gadget no seu Blog de HTML/JavaScript e nele, cole o código que segue com as devidas modificações:
<a href="URLDOBLOG" title="NOMEDOBLOG"><img class="elitepom" src="URLDAIMAGEM" /></a>
Bom, pra completar, eu trouxe algumas imagens para Elife Afiliados de vocês. São diversas, algumas da Demi, da Selena, Katy e Taylor Swift. Não se esqueçam de creditar se usarem algum desses conteúdos ok?
E ai, gostaram? Eu adorei o efeito, e as imagens são todas do WeHeartIt e editadas por mim ok?Beijão!
Nenhum comentário:
Postar um comentário