[Tutorial] - Elite de Afiliados Igual a Minha

Olá!

Vim aqui mais uma vez hoje, mas como podem ver no título, não é para mostrar novidades. Eu estava meio sem o que fazer no computador, então a Yasmin, comentou que adorou o efeito que eu usei nos afiliados. Então, ~le eu~ fui fuçar os marcadores e descobri que tinha postado outro tutorial aqui. Resolvi postar o efeito que eu uso na elite dos afiliados. Podem ver um preview aqui. Gostaram? Vamos aprender!

1. Abra seu HTML, aperte Ctrl + F e digite: ]]></b:skin>.

2. Acima do código encontrado, cole:

.unnamed{
opacity: 0.6;
-webkit-transition: 0.5s;
outline: 1px solid #CorDaBorda;
outline-offset: 0px;
-webkit-transition-duration: .40s;
}
.unnamed:hover {
opacity: 1.7;
outline: 1px solid #fff;
outline-offset: -50px;
-webkit-transition-duration: .40s;
border-radius: 35px;
}

3. Edite o que está em negrito, colocando o código da cor no lugar.

4. Em um HTML/Java Script (Layout → HTML/Java Script) cole:

<a href="LINKDOBLOG" title="NOME"><img src="LINKDAIMAGEM" class="unnamed" /></a>

5. Mude o que está em itálico e coloque o link do blog, nome do blog e URL da imagem.
Créditos: Pequena Garota

Fácil não é? Para ver códigos de cores, clique aqui. Beijos!