Image Map

20 de set. de 2012

Tutorial De Efeito em Afiliados


Hoje eu estou trazendo mais um tutorial, esses é bem simples e fácil ^^ vou ensinar como fazer esse efeito: 
                                                  Querem aprender? *u*
Primeiro, abra o seu HTML, tecle Ctrl + F e procure por:


]]></b:skin>

acima dele, cole esse código:


.elitescale{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #FF6EB4; /*Cor da borda */
padding: 3px;
}
.elitescale:hover {
background-color: #AB82FF; /*Cor da borda quando passa o mouse */
padding: 3px;
}

Mude apenas onde está em destaque, use a tabela para isso[www]


Agora, para usar esse efeito, adicione um gadget  Java Script e dentro, cole esse outro código, fazendo as alterações necessárias :)


<a href="Link do Blog" title="Nome do blog"><img src="link da sua imagem" class="elitescale"/></a>
Fonte:Cantinho Background

Nenhum comentário:

Central Débora Lyra- 2014. Todos os direitos reservados.
Layout por Nathaly Oliveira - Código Base desenvolvido por: Raphael Cardoso
Adaptação por Cecília Camimura
+ Agenda: