welcome + link fade

Sejam bem vindos ao indevorável, acho que temos um espaço no mundo do blogger, não? Bom, meu nome -artificial- é hyumi, tenho 14 anos e faço aniversário em novembro. Mas isso ainda não importa, o que realmente importa é o indevorável que foi criado hoje (14/12) bem perto do natal, com o intuito de ajudar todos os blogueiros á criar um blog, a incentivar a criar layout e essas coisas. Nossas categorias principais serão tutoriais e utilitários. Espero ajudar vocês e qualquer dúvida, comente.

Antes que esse post fique vazio, hoje eu vou ensinar como deixar o link fade, que é aquele link que passamos o mouse e ele muda de cor devagar, não entendeu? Clique no post que eu explico detalhadamente. Fica bem fofo e eu recomendo a QUALQUER layout. Vamos lá?

PREVIEW:

Passe o mouse aqui.

Antes de tudo, eu achei esse tutorial no Cherry Bomb porém quem criou o código foi  Extras Place Fame ok? Nunca esqueça os créditos de quem criou, se esquecer, poderá ser considerado plágio.

1. Vá ao HTML do seu blog e procure (ctrl + f) por: a:link { estará um código mais ou menos assim:

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

2. Apague e substitua por 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;}

Você pode mudar as cores á vontade. Se você quiser colocar isso nos widgets, basta procurar no seu HTML por: .sidebar .widget a:link { e colocar o código de personalização (2).