08 março 2014

Efeito Pá By


Meninas estava dando uma olhadinha no Just Like That (créditos) e achei esse efeito para afiliados muito legal, parabéns JLT amei!

Primeiro vá no seu Modelo >> Editar HTML >> CTRL+F e procure pela tag ]]></b:skin> após acha-lá acima dela cole isto... mas primeiro lhe o efeito bem aqui.
o código:

@KEYFRAMES ARROZ { 0% {BORDER: 2PX SOLID #DEC2E3;

}  10% {BORDER: 2PX SOLID #AB7F9F;} 20% {-WEBKIT-TRANSFORM: ROTATE(360DEG);} 100% { BORDER-RADIUS: 50PX;} }@-WEBKIT-KEYFRAMES ARROZ {0% {BORDER: 2PX SOLID #DEC2E3;} 10% {BORDER: 2PX SOLID #AB7F9F;} 20% {-WEBKIT-TRANSFORM: ROTATE(360DEG);} 100% { BORDER-RADIUS: 50PX;} }@-MOZ-KEYFRAMES ARROZ { 0% {BORDER: 2PX SOLID #DEC2E3;} 10% {BORDER: 2PX SOLID #AB7F9F;} 20% {-WEBKIT-TRANSFORM: ROTATE(360DEG);} 100% { BORDER-RADIUS: 50PX;} }@-O-KEYFRAMES ARROZ { 0% {BORDER: 2PX SOLID #DEC2E3;} 10% {BORDER: 2PX SOLID #AB7F9F;} 20% {-WEBKIT-TRANSFORM: ROTATE(360DEG);} 100% { BORDER-RADIUS: 50PX;} }.IMAGE {-WEBKIT-TRANSITION-DURATION: .90S;BORDER-RADIUS: 4PX;BORDER: 2PX SOLID #DEC2E3;}.IMAGE:HOVER {-WEBKIT-TRANSITION-DURATION: .80S;-ANIMATION: ARROZ 2S ALTERNATE; -WEBKIT-ANIMATION: ARROZ 2S ALTERNATE; -O-ANIMATION: ARROZ 2S ALTERNATE; -MOZ-ANIMATION: ARROZ 2S ALTERNATE;}

 Entendendo o código: Onde tem 'border: 2px solid #ab7f9f' e 'border: 2px solid #dec2e3;' é a cor da borda. Mude se não quiser ela lilás o3o Não mude nada no resto :q


Depois cole isto em um HTML/JS

<CENTER>

<A HREF='LINKDOBLOG'><IMG SRC="LINKDAIMAGEM" CLASS='IMAGE' /></A>
<A HREF='LINKDOBLOG'><IMG SRC="LINKDAIMAGEM" CLASS='IMAGE' /></A>
<A HREF='LINKDOBLOG'><IMG SRC="LINKDAIMAGEM" CLASS='IMAGE' /></A>
<A HREF='LINKDOBLOG'><IMG SRC="LINKDAIMAGEM" CLASS='IMAGE' /></A>
</CENTER>
Agora é só mudar o que se pede, espero que tenham gostado! :3

Nenhum comentário:

Postar um comentário