16/09/2012

Links em fade e sem sublinhado

Tumblr_m6fo1jttup1rujbgfo1_500_large
Clique em Leia Mais para aprender a colocar



1º-Vá no html do blog e procure por:

a:link {

abaixo vai aparecer o seguinte código:

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

2º-Apague ele e substitua por:

a:link {color: #E9A1C0; /* Cor do link*/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; /*Cor dos links visitados*/text-decoration:none;filter:alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}a:hover {color: #707070; /*Cor do link quando passa o mouse*/text-decoration:none;filter:alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

Altere as cores e etc onde pede.

se quiser também na sidebar faça o seguinte:

1º-Procure por:

.sidebar .widget a:link {

Vai aparecer um código assim:

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

Apague ele.

Visualize e se tiver tudo certo salve.

se quer tirar só o sublinhado faça o seguinte:

1º-Procure por:

a:hover {

e logo tem:

text-decoration:underline; 

Mude para:

text-decoration:none; 

E pronto!

Crédito:Cherry Bomb

Nenhum comentário:

Postar um comentário