[TUTORIAL] Modificar estilo dos links de seu blog

Oto! às 06h07
14
Jul
2012
Modificar 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


- Conhecendo o código:
Como havia dito na Introdução deste tutorial, há 4 tipos de links que podemos customizar, vejamos os códigos:
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";}

- 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.

- Adicionando 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";}


© Suporte Criarumblog


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Modificar estilo dos links de seu blog
Tópicos similares
Qual é minha questão: Olá, Estou querendo muito querendo juntar dinheiro o suficiente para um dedicado, por isso pedi a opinião dos membros e eles concordaram que poderia ser. O que eu queria fazer é o seguinte, incrementar um código que faça o
http://rkphotoshop.sosblogs.com Bem queria mudar umas coisas, se puder me ajudar... http://picturestack.com/0/353/lJhSemTtulo1LSR.jpg Seta verde deixar transparente esse retângulo beje... Código:#header{ background-image:
Olá pessoal! Aqui ensinarei como colocar buttons em seu sítio ou blog. 1-Primeiro basta hospedar a imagem em um site de hospedagem de imagens ou no seu própio site. Depois pego o link da imagem. 2-O código abaixo é o html que faz um button para