Efeito Unnamed Border para Afiliados

Esse efeito que estarei trazendo agora, tem um efeito muito legal! Para ver o preview do efeito, clique AQUI.

Para colocar o efeito, vá em MODELO > EDITAR HTML > e procure (ctrl+f) por ]]></b:skin>.
Acima do procurado, cole esse código:

.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;
}

Agora para colocar esse efeito nos afiliados, é só copiar o código abaixo e colocar as imagens dos afiliados nele.

<A HREF="LINK DO BLOG" TITLE="NOME"><IMG SRC="URL DA IMAGEM" CLASS="UNNAMED" /></A>

Créditos ao Pequena Garota! 

Efeito Kiss para Afiliados

Bom, hoje estou trazendo alguns tutoriais pra vocês. Nesse post mostrarei um efeito super fofo para afiliados, que eu achei no blog Pequena Garota, que por sinal me ajudou muito e tem uns tutoriais e extras super legais! Mais tarde postarei outras de lá aqui no blog!

Veja o preview do efeito AQUI.

Vá no editor de modelo e clique nos três pontinhos desse código:

Aperte F3 e pesquise por ]]></b:skin> . Acima disso cole:

.KISS{
BORDER: 1PX SOLID #CORDABORDA;
-WEBKIT-TRANSITION-DURATION: .80S;
OUTLINE-STYLE:DASHED;
OUTLINE-WIDTH:0PX;
OUTLINE-COLOR: #FFF;
OUTLINE-OFFSET: -1PX;
}
.KISS:HOVER{
-WEBKIT-TRANSITION-DURATION: .80S;
OUTLINE-STYLE:DASHED;
OUTLINE-WIDTH:1PX;
OUTLINE-COLOR: #CORDOTRACEJADO;
OUTLINE-OFFSET: -3PX;
}

Altere as partes destacadas, apenas. Cor da Borda é a cor que fica em volta da imagem normal. Cor do Tracejado é a linha tracejada que aparece quando passamos o mouse.

Agora para colocar o efeito em seus afiliados, é só colar esse código abaixo e colocar as imagens dos afiliados nele.

<a href="COLOQUE O LINK AQUI" title="NOME DO LINK"><img class="KISS" src="URL DA IMAGEM" />

Prontinho! Seus afiliados já estarão com esse efeito!