22 dezembro 2012

Tutorial: Elite afiliados com desfoque


Yoo minna-saaaaaaaaaaaaaaaaaaaaaaaaaaaaaaan =3
Como estão agora? /o/
Certo, hoje eu to com muita vontade de postar *-*
Ainda tenho vários downloads e reviews que quero postar *-*
Minha vida ta meio L0K4 ultimamente, e eu quero relaxar muuuuuito aqui no blog >.<

Então, vamos ao que interessa ^^
Vou mostrar como fazer uma elite afiliados com desfoque (créditos: Sweet Dreams)
Desse jeito >>
O que está selecionado se destaca entre os outros =3
Então, let's go!



Vá até o HTML do blog (aquela antiga historia de ir em modelos, editar HTML, prosseguir... blá blá blá) e procure por ]]></b:skin (ctrl + F)

Depois coloque o seguinte código acima do trecho que você acabou de achar:


#parceiros {
opacity: .80;
    -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;
}

Agora adicione o gadget HTML/Javascrip e nele cole:


<div id="parceiros">
Código da sua elite de afiliados aqui
</div>

A parte destacada é onde você colocara o código da sua elite ^^
Se você não faz ideia de onde pode achar isso, aqui está:

<a href='LINK DO BLOG' rel='nofollow' target='_blank' title='NOME DO BLOG'><img src='URL DA IMAGEM'/></a>

O código ficara mais ou menos assim:


<div id="parceiros">
<a href='LINK DO BLOG' rel='nofollow' target='_blank' title='NOME DO BLOG'><img src='URL DA IMAGEM'/></a>
</div>

E você repete o código da sua elite quantas vezes quiser ^^


<div id="parceiros">
<a href='LINK DO BLOG' rel='nofollow' target='_blank' title='NOME DO BLOG'><img src='URL DA IMAGEM'/></a>
<a href='LINK DO BLOG' rel='nofollow' target='_blank' title='NOME DO BLOG'><img src='URL DA IMAGEM'/></a>
<a href='LINK DO BLOG' rel='nofollow' target='_blank' title='NOME DO BLOG'><img src='URL DA IMAGEM'/></a>
</div>

E assim por diante ^^

Bem, espero que tenham gostado o/
Jaa nee >3<
Kissus~



Nenhum comentário:

Postar um comentário