Personalizando os links do blog

Oi oi gente \o Estava pensando aqui que este tema poderia ser só de tutoriais para depois eu fazer o tutorial de como fazer um layout com vocês eee. E nada melhor do que passar pra vocês como personalizar de várias formas o link. Vamos?

Para editar, você precisa ir no seu HTML e procurar por

a:link          a:visited          a:hover           ------         Para os links da página principal

 widget a:link       widget a:visited      widget a:hover    ------      Para os links da sidebar

a:link - para os links antes de passar o mouse
a:visited - para os links que você já visitou
a:hover - Para os links quando o mouse passar por cima

Personalizando

- Para personalizar, coloque o código de personalização embaixo do código a:link, a:visited...

border-top: 1px solid #000;      -         border-top é uma borda no topo, ou seja, uma linha no topo. Se quiser em baixo mude top por bottom. 1px é a grossura da linha se quiser mais grosso, vá aumentando o número. Solid é o formato, Sólido. Se quiser pontilhado é dotted e se quiser tracejado é dashed. #000 é a cor.

-webkit-transition; .50s;          -         É o modo fade no link. Para ele funcionar tem que ficar na tag a:link. Se quiser com mais fade, aumente o número.

text-decoration: underline;      -        Troque underline por none para tirar o sublinhado, por italic para ficar itálico ou por line-through 

font-weight: bold;            -           Fonte em negrito

bom gente, é isso! Esses são os efeitos mais recomendados

Beijos e até a próxima :*