16 de mar de 2013

Links em Fade

Olá pessoal, hoje trago para vocês um tutorial super fácil.  
Quando se coloca um link de amigos ou créditos no blog ele fica sublinhado e na cor azul,
para que fique de outra cor e sem sublinhado e fique em fade... 
O que é fade?
Fade é quando se passa o mouse em cima de uma palavra e ela vai mudando
de cor aos poucos. 
Quer colocar em seu blog? siga os passos abaixo:

Vá no HTML de seu blog e 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);
}
 
Quando encontrar apague todo o código e no mesno local coloque:
a:link {
color: #5597D5;
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: #FF8080;
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #D3536B;
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

Para que os Links da sidebar tenham este efeito vá no HTML de seu blog e procure os códigos abaixo, quando encontrar é só apagar e substituir onde se pede:

 .sidebar .widget a:link {
  color: COR;
  text-decoration: none;
}
.sidebar .widget a:visited {
  color: COR;
}
.sidebar .widget a:hover {
  color: COR;
  text-decoration: underline;
}

2 comentários :

  1. como vc fazer o curtir, tweetar e +1 e coloca aquela barrinha das redes sociais atras dos botoes??? ensinaaa

    ResponderExcluir
    Respostas
    1. Glaycon Cristian, se for essa que uso no blog,
      procure em tutoriais para blogger:Barra de compartilhamento abaixo dos artigos.
      Obrigado por vir aqui.
      Qualquer dúvida que tiver pergunte.

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo