tutorial

Links em fade e sem sublinhados

fevereiro 12, 2013,0 Comments






Oie gente , hoje eu vou ensinar como 
tira o sublinhado do link , eu sei que fica muito feio 
então hoje vou ensinar ,e além de tirar o sublinhado 
da pra bota a cor do link diferente ./bia

     
Vamos começar? Então vá no HTML do seu seu blog (Modelo > Editar HTML), aperte Ctrl + F e procure por: a:link { Logo abaixo vai aparecer este código:


: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 esse trecho e no lugar dele cole esse código:


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


É só substituir as cores e salvar. Antes de você aplica visualize pra ver se esta tudo correto , se estiver e só salva e ser feliz . :D





You Might Also Like

0 comentários: