10 de ago de 2012

tutorial - links em hover



Oie :3

entoun, trouxe um tutorial de como deixar os links em fade como aqui no blog ~da uma olhada ae~ 

então, é fácil. procure por:

a:link { Logo abaixo vai aparecer este 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);} 


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. Mas fazendo apenas isso, o efeito não vai ser aplicado na sidebar. Se quiser que os links da sidebar fiquem assim também, é só procurar pelo código abaixo e apagar ele:

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

espero que tenham gostado, créditos ao chercherry bomb :3 

Tchau :3

2 comentários:

  1. Que legal *u* sempre uso , acho sugoi , fica mais kawaii o blog :3 ;

    ResponderExcluir
    Respostas
    1. eu também *w* vou começar a usar a paritr de agora suahusahushah'

      Excluir