Alterar cores dos links - CSS


Alterar as cores ou formatar os links que aparecem no blog é muito simples de fazer, basta editar o estilo CSS e pronto, todos os links da pagina mudam de uma vez só, mas uma coisa que atrapalha muita gente é o estilo a:visited, isso é o estilo(formatação de texto) dos links já visitados, mas podemos alterar ou mesmo remover isso do blog e assim deixando todos os links iguais.

A formatação dos links funciona da seguinte maneira:

a:link {color: #0000ff}
a:visited {color: #000000}
a:hover {color: #ff0000}

a:link normal do link, cor azul
a:visited links que você já visitou, cor preta
a:hover quando o mouse está sobre o link, cor vermelha

Então os links que já foram visitados terão uma aparência diferente seguindo a formatação de texto (cores, tamanho...) do estilo da segunda linha, muita gente corrigi isso fazendo uma formatação igual a da primeira linha, mas isso não é necessário, poderíamos excluir a segunda linha e retirar o trecho :link da primeira, ficando deste jeito:

a{ color: #0000ff }
a:hover{ color: #ff0000}

Aqui temos apenas duas opções para os links: na primeira linha a aparência normal dos links (azul) e na segunda a formatação (vermelho) para quando o mouse estiver sobre o link. Essas cores naturalmente são apenas exemplos, você pode usar as formatações de texto que desejar, colocar bordas, inclusive deixando os links com aparência de botões.

Acho que essa é uma das maneiras mais simples de resolver o problema de cores diferentes entre os links que aparecem no seu blog. Mas claro isso é uma questão de opinião de cada um se você achar útil os links já clicados parecerem diferentes então aproveite esse tutorial apenas para saber como modificar e personalizar os links.

Marcadores: , ,