11 maio 2013

Links em Fade


Oie, haha to gostando de falar oie, afinal, aprendi isso com o Leonardo u-u
Meu melhor amigo. Sim, tenho uma pequena queda por ele... 'shaushahsuah Mas, nada mais que isso. Ele é só meu amigo.

Então, vim trazer mais um tutorial para o blog. E esse é de como colocar links em fade, para quem não conhece esse efeito, é para os links das postagens, ou se você preferir (como eu), no blog todo. O link fica assim, ou das cores que você preferir.
Então, vamos logo, porque eu não tenho muito tempo para ficar aqui no PC.
De Ctrl+F e procure por a:link { e você encontra-rá algo mais ou menos assim
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 tudo e no lugar cole esse
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ó você mudar aonde está em itálico e colocar o código da cor que você quer referente ao que está em Negrito
O código das cores você encontra aqui
Fora isso, acho que está bem explicado ali no código mesmo.
Beijo, até a próxima ç:

Um comentário:

  1. Amei o seu blog!
    Tem vaga para afiliados?
    http://fanfcs-paradise.blogspot.com.br/
    Dá uma passadinha.

    ResponderExcluir

Página Anterior Próxima Página Home