Efeito hover nos links

Oi cats *-* Como vai todo mundo aiii , sentiram saudades de minha pessoa , se não sentiram o bicho papão vem pegar "como fala meu sobrinho" hahaha. Pra começar eu torci o pé hoje , fazendo estrelinha macaquinho e fazendo acrobacias no Bálance ta eu sei que vocês não sabem oque é isso é aonde eu danço o melhor lugar do mundo , aonde eu me sinto nas alturas aonde eu simplesmente me sinto feliz e bem. Minha segunda casa.Agora eu vou mudar de assunto, Quem aqui ta empolgado pra copa? Pois é estou mais o menos , mudando de assunto novamente eu acho o tatu-bola a coisinha mais fofa que tem , pois hoje tive que desenhar ele nossa que alegria ashahshashas. Hoje a postagem vai ser sobre Efeito por que tipo eu amo muito os efeitos e acho super fofo u.u fica lindinho nos Layouts, Então borá Lá ?? Foiii 
Procure por :
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 é no lugar cole o seguinte 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;
}
Modifique do jeitinho que você preferir. E se você quiser o mesmo efeito nos gadgets, procure por :
.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 e cole no lugar o seguinte 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;
}

4 comentários:

  1. Bem legal o tuto, tava precisando dele mesmo.Bjss.

    http://www.fluxoperfeito.tk/

    ResponderExcluir
    Respostas
    1. Brigada ^^ Então te ajudei hehe. Beijos

      Excluir
  2. Já conhecia o tuto, mas fica mesmo gracinha! ^-^
    Só uma coisa, pelo menos você sabe dar estrelinhas... Eu não sei nem pular (:
    Sei lá, não tem como comentar muito coisa em tutos, não é? UHSUHSAHU

    Kissus ~~♥ || Empire Kawaii

    ResponderExcluir
    Respostas
    1. Fica uma graçinha mesmo , Mais você consegue é só tentar^^
      Verdade em tutos não tem muito oque comentar Beijos^^

      Excluir

-Segue,Retribui? Retribuo se eu gostar do blog.
-Não Ofender ninguém.
-Não falar palavrões .
-Sempre deixar o link do seu blog para retribuir.
-Leia o post antes de comentar!
-Comentários sem conteúdo serão ignorados.
-Leio todos os comentários e respondo
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙