[Tutorial] Mudar estilo dos Links de seu Blog

Para ajudar na customização de nosso blog, às vezes temos de passar pelas cores dos links. E sempre ocorrem dúvidas, pois na verdade são 4 tipos de links que podemos customizar: Link comum, link visitado, link ativo e link hover.

--> Tutoriais, Dicas & Astúcias <--
Mudar estilo dos Links de seu Blog

1º - Conhecendo o código:
Como havia dito na Introdução deste tutorial, há 4 tipos de links que podemos customizar, vejamos os códigos:

Código:

A:link {text-decoration: none; color="red"}
A:visited {text-decoration: none; color="blue"}
A:active {text-decoration: none; color="black"}
A:hover {text-decoration: none; color="white";}

2º - Conhecendo as propriedades dos códigos:

A:link (Link ainda não visitado)
A:visited (Link que já foi visitado)
A:active (Para quando o link está ativo, sendo utilizado)
A:hover (Para quando passa com o mouse por cima do link)

Text decoration (Decoração do texto): Poderemos optar por não colocar nada (none), linha acima do texto (overline), texto sublinhado (underline) ou texto riscado (line-through).

Color (Cores): Para customizar as cores poderemos colocar o nome da cor em inglês ou somente o código HTML da cor.

3º - Aonde devo colocar o código?
Aceda à:
Painel de Controle :seta: Multiblog :seta: Tema Personalizado :seta: Edição Expert

Assim, aparecerá a Folha de Estilo CSS de seu blog, basta adicionar o código que customizou nesta caixa. Lembre-se de Salvar

Exemplo:

A:link {text-decoration: overline; color="white"}
A:visited {text-decoration: underline; color="green"}
A:active {text-decoration: line-through; color="blue"}
A:hover {text-decoration: none; color="black";}

---

© Fórum dos Blogs & iWeb

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Mudar estilo dos Links de seu Blog