A Dona do blog Let's Be Happy [www] pediu semanas atrás o tutorial como colocar efeito fade nos links e hoje vim trazer ele, pois, acho que dá um toque bem charmoso para blog, eu estou falando desse efeito [www]. Gente desculpas mais não sei onde peguei esse tutorial, já tinha guardado a muito tempo... Quem for dono do tutorial me avisa ok?
Lets go?
Vá em Design > Editar HTML, aperte Ctrl + F 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);
}
Apague e cole:
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;
}
Quem quiser esses efeito nos links da sidebar só basta fazer:
Procure e apague esse código
.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;
}
Visualizem se estiver tudo certinho, salvem!
Ah, queria saber mesmo..
ResponderExcluirótimo tutorial =)
http://bb-garotax.blogspot.com
Adorei o tutu, é super util, mas já tenho um parecido no meu blog.
ResponderExcluirBeijos,
www.coisasdemenina-vicky.blogspot.com
Está rolando um concurso no meu blog que você pode ganhar 4 layouts, 2 anos de divulgação entrevista e muito mais! Bjs, http://luan-crazyinhtml.blogspot.com.br/
ResponderExcluirAdorei o tutu, é super útil naum é mesmo?
ResponderExcluirBoa sexta-feira pra você..
garota-fashiion.tk
Ah acho mt lindo acho que vou por la tbm kkk :D
ResponderExcluirBEIJUXX
http://ianapaulinhaaaa.blogspot.com.br/
Já conhecia. Muito util.3
ResponderExcluirhttp://rosaschiclete.blogspot.com.br
Obg pela visita no meu blog.
ResponderExcluiradoreii efeito
http://blog-meninasmalucas.blogspot.com.br/
Beijos.Volte sempre
Adorei o post se puder me siga
ResponderExcluirhttp://www.onlyrocker.blogspot.com.br/
ficarei esperando voce ^^"
Efeito realmente é super lindo!
ResponderExcluirbeeijos
http://the--baby.blogspot.com.br
Adorei o blog!
ResponderExcluirPrincipalmente o post ><
me siga por favor?
http://onlyrocker.blogspot.com.br/