Links em fade no blog

Awnn *---*

  Oi meus docinhos,como vão as coisas por ai? Aqui esta tudo bem.

  Vim ensinar a vocês como colocar os links em fade.-Oque é links em fade Camila?(Aposto que alguns ficaram em duvida).Links em fade são tipo os do GG que mudam a cor quando passa o mouse.Então,vamos aprender?

Primeiro vocês precisam achar um pedaço do seu templante,então Ctrl+F e procure a:link { .O pedaço que você deve encontrar é esse:

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);

}

Achou? Então o apague e substitua por:

a:link {

color: #00BFFF;

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: #00F5FF;

text-decoration:none;

filter:alpha(opacity=100);

-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;

}

a:hover {

color: #707070;

text-decoration:none;

filter:alpha(opacity=100);

-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;

}

• Azul: Cor sem passar o mouse
• Laranja: Cor dos links visitados
• Roxo: Cor ao passar o mouse

Para mudar as cores html do código clique aki!


Obs: O código a sima não incluí a sidebar,se você quiser o efeito na sidebar também procure e apague o seguinte código: 

.sidebar .widget a:link {

  color: $(widget.link.color);

  text-decoration: none;

}

.sidebar .widget a:visited {

  color: $(widget.link.visited.color);

}

.sidebar .widget a:hover {

  color: $(widget.link.color);

  text-decoration: underline;

} 

Visualize para ver se esta tudo certinho,se sim salve!Espero que tenham gostado,beijos Mila.