[Tutorial] - Elite de Afiliados Igual a Minha

7.4.13


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!

7 comentários

Antes de postar um comentário, leia essas regrinhas básicas:

- Não xingar as postadoras;
- Não xingar as pessoas;
- Não colocar palavrões no seu comentário.

Se alguma dessas regras não for seguida, seu comentário será excluído e ignorado!

Beijos e obrigada por visitar o Monster High Diary!!!