15 de mar de 2012

Efeito Fade nos links



Vou ensinar você a como colocar esse efeito parecido com "Arco iris" que tem aqui no CD, isso faz com que as cores dos links do blog, fique diferente e bonitos.Então vamos lá aprender??

Primeiramente, vá em Design Editar HTML e marque a caixinha "Expandir modelo de windget"
Tecle CTRL+F ou F3 e procure por:
  a:link {
Você deve achar algo parecido com isso ↓ :
a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

Apague todo o link, e cole este outro no lugar:
a:link {
color: #E9A1C0; /* Coloque a cor dos Links*/
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #33CCCC; /*Coloque a cor dos Links visitados*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #707070; /*Coloque a cor dos Links quando passa o mouse em cima*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

Visualize veja se está tudo certinho, então Salve.

4 comentários :

  1. Já está nos afiliados. Obrigado ^^ http://republicacrash.blogspot.com/

    ResponderExcluir
  2. Oi adorei seu blog e ja estou seguindo quero saber se vc aceita afiliar-se com meu blog http://beijosxoxo12.blogspot.com/
    um beijão aguardo a resposta.

    ResponderExcluir
  3. Tutorial super simples, fácil e rápido, Ameei!
    E bem útil né? KKK
    Passa?
    http://cantinhocomtudo.blogspot.com/

    ResponderExcluir
  4. Eu usei esse efeito no meu blog, eu indico, fica bem mais "alto astral" né?
    Participa?
    http://mary-demoura.blogspot.com.br/2012/03/concurso-dreamy-place.html

    ResponderExcluir

Sem chingamentos porfavor ;)
Todos os comentários serão respondidos.