02 fevereiro 2016

Links em Fade

| |

Yo!

Hoje vou ensinar um tutorial bem legal!

É para deixar seus links assim :

Adoro esse efeito e não deixo de usar, links que mudam na hora que você põe o mouse são estranhos demais na minha opinião( assim como a navegação e etc... ).

Bem, vamos ao tutorial!

1 - Vá no seu blog e em EDITAR HTML

2 -  Aperte CTRL+F e pesquise por :

a:link {

3 - Apague tudo isso :

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

4 - E substitua por isso :

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

5 - Visualize e SALVE

Se quiser é só trocar as cores para ficar do seu jeitinho, ok?

Kissus e até a próxima >3<

11 comentários

  1. Olá ~
    Também acho adorável esses efeitos e eu também amo HTML <3 ~
    Amei o blog e estou seguindo *-*

    kissu ♥
    ♡ Buquê de Flores ♡

    ResponderExcluir
    Respostas
    1. Também ama e.e Se junte ao harém das amantes de HTML kk <3
      Que bom que tá amando o blog, e obrigado por seguir! (^-^)

      Excluir
  2. Eu conheço esse tuto. Porém eu só mudo os "$(link.color)" e coloco #masumacor. Mas esse tutorial é muito bom. Quanto ao que disse saiba que a senhorita já se cadastrou como aluninha do Snack Cheese :3 Já estou seguindo esse blog que eu só não segui porque eu estava na pressa do dia!

    ResponderExcluir
    Respostas
    1. ~Prefiro copiar e colar kk

      Obrigado por seguir :3

      Excluir
    2. De nada fofura :3 Olha, a Yuka ainda não seguiu, mas como somos afiliadas, ela irá seguir daqui a pouco!

      Excluir
    3. Obrigado as duas :3 ♥

      Excluir
  3. Oi, tudo bem? ^-^
    Eu sempre fico boiando nesse assunto de 'fade', quase não entendo shus.
    Fade é pra dar uma suavizada nas coisas, tipo trocar a cor de uma forma mais suave? -qq
    Tirando o fato de que eu não sei quase nada de fade, eu gostei muito do tutorial, super fácil e rápido e-e
    Beijos!

    http://cakeinabottle.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Sim, eu definiria assim, mas como é uma palavra em inglês, eu fui ver a tradução, e é desvanece, solucionado sem não entendimento e.e

      Kissu :3

      Excluir
    2. Me desculpe por isso mas, eu não encontro o botão de follow do blog ;-;

      Excluir
    3. Ah, isso é que eu não coloquei o gadget ~Ops

      Vou colocar agorinha :3

      Excluir

Olá serumaninho! Que bom que veio comentar, weeeeee! Bem, nem tudo e purpurina e alegria, temos algumas regrinhas, trate de seguí-las, uh?

✿ Respeite a opinião alheia;
✿ Não comente somente por auto-divulgação, eu excluo mesmo;
✿ Vagas de afiliação estão fechadas, atualmente;
✿ Deixe o link do teu blog ao fim do comment pra eu ir lá brotar;
✿ Copie teu comment, o Blogger pode acabar cortando-o.

Layout feito por Mi-chan | Créditos à CDH CH e WHH