28 de nov de 2013

Afiliados - Efeito Starlights



Oie lindos tudo bem? Eu acabei de acordar, juro AGORA mesmo, e como eu não deixo mais esse blog de lado, never <3 
Eu tô vendo Harry Potter, que é o meu filme favorito, então vou fazer um tutorial bem fácil hoje que é como colocar o efeito starlights nos afiliados, é fácil e fica super lindo no blog!!!
O efeito é assim enquanto você bota o mouse em cima de um dos afiliados os outros ficam em fade.
Para começar procure ( Ctrl + F ) por ]]></b:skin> para facilitar procure por:
]]>
E ACIMA dessa tag cole o seguinte código: 

#parceiros {opacity: .99; 
-webkit-transition:all 1s ease; 
-moz-transition:all 1s ease; 
-o-transition:all 1s ease;} 
#parceiros:hover a {opacity: .20;} 
#parceiros a {opacity: .80; 
-webkit-transition:all 1s ease; 
-moz-transition:all 1s ease; 
-o-transition:all 1s ease;} 
#parceiros a:hover
{opacity: .99;}
E vai em um gadget, HTML Script e cole o seguinte código:
<div id="parceiros"> 
<center> 

CONTEÚDO AFILIADOS

</center> </div>
Bem simples e rápido não é?
Beijos <3

Nenhum comentário:

Postar um comentário