Fórum dos Blogs
Bem vindo ao suporte Criarumblog.com
Seja bem vindo ao suporte oficial do serviço Criarumblog ! Aqui, você vai aprender os melhores truques para seu blog, e também sobre às demais funções do seu Blog!

Contribua e participe do fórum.
Recuperação de senha

Nota: use se tiver perdido acesso administrativo.

Login

Esqueci minha senha

Últimos assuntos
Quem está conectado
19 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 19 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 469 em 26/3/2010, 14:52

[Tutorial] Mudar estilo dos Links de seu Blog

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[Tutorial] Mudar estilo dos Links de seu Blog

Mensagem por Gabe em 28/8/2010, 15:11


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





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


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

- 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 exclamação

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




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

Gabe
Membro em destaque

Masculino
Número de Mensagens: 287
Localização: RS
Pontos: 11054
Reputação: 12
Data de inscrição: 14/01/2010

http://ajuda.criarumblog.com

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum