Efeito Marquee & Opacity

*O* é o A aushuashuash

Oi pessoas lindas. Vim postar porque o post anterior teve 5 comentários (tirando minhas respostas) e duas pessoas estão seguindo aqui (quanto, hein?) Enfim, hoje eu trouxe um efeito para afiliados chamado (como vocês devem ter visto no título do post) Marquee & Opacity. Eu peguei o tutorial do Eu amo HTML (♥), então, créditos à ele né? Chega de enrolation e vamos ao tutorial. Ah, mais uma coisa, o preview (aqui) tem várias "coisas" que eu ainda não postei, então, nem adianta clicar em "Gostou? Vá para o tutorial" eu só fiz aquilo para adiantar meus próximos posts e deixar vocês curiosos U_U Enfim, ignorem aquilo.

Parte 1: Vá em Modelo > Editar HTML > CTRL + F e procure por ]]></b:skin>

Cole acima:

.isa-cute{opacity:0.6; -webkit-transition-duration: .80s;}

.isa-cute:hover {opacity:1.0; -webkit-transition-duration: .80s;}

Até ai você não precisa mudar nada, só mude se souber o que está fazendo.

Parte 2: Adicione um gadget de HTML/JavaScript e nele cole:

<marquee behavior="alternate" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="3">

<a href="SEU LINK" title="NOME DO BLOG"><img class="isa-cute" src="URL DA IMAGEM" /></a>

Se quiser mais de uma imagem (provavelmente vai querer) é só repetir o código:

<a href="SEU LINK" title="NOME DO BLOG"><img class="isa-cute" src="URL DA IMAGEM" /></a>

Parte 3: Agora, vamos entender os códigos:

Negrito: Você tem que mudar conforme for pedido
Sublinhado: Vocês devem ter notado que o número 3 (primeira linha) está destacado. Ele indica a velocidade em que as imagens vão passando. Mude se quiser.

Espero que tenham gostado e que eu tenha explicado direitinho!