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!
Nenhum comentário:
Postar um comentário