Como colocar Fundo colorido nos links | Quero Dicas Quero Dicas : Como colocar Fundo colorido nos links

Quero Dicas : Como colocar Fundo colorido nos links

Como colocar Fundo colorido nos links

|


Está cansada (o) de ter o mesmo link simples que dos outros blogs/site?

Tendo somente um simples destaque no nome lincado as suas outra página? Seus problemas acabaram!

Hoje, eu trouxe um jeito todo especial de dar um destaque bem legal aos seus links, colocar um fundo nos mesmos, o que acha?


Não sabe do que estou falando? Veja na imagem

A primeira imagem é um link comum, que muda de cor ao colocar o mouse em cima. O outro é depois da aplicação do código, ele destaca não somente o nome do link com cor diferente mais sim, colocar um plano de fundo também.

Para realizar este procedimento é muito simples. Vamos lá:

1 - Acesse o painel do seu blog

2 - Vá em Modelo e editar HTML

3 - Agora tecle Ctrl + F e procure por:

 ]]></b:skin> 
 


4 - Acima do código ]]></b:skin>, cole este outro código:

.post-body a:link {
color:#4876FF;
text-decoration:none; }

.post-body a:hover {
background-color:#6495ED;
color:#FFFFFF;
text-decoration:none; }   


5 - Agora altere suas cores,

• Onde está escrito "Link", você poderá alterar #4876FF pela cor do link normal,

• Onde está escrito "hover", você poderá alterar #6495ED pela cor no estado houver do fundo (quando o mouse está em cima) • E #FFFFFF pela cor do link (palavra / frase) no estado houver.

Tabela de cores - AQUI

6 - Salve e pronto! Seu fundo colorido nos links deve estar show!

Espero que tenham gostado
Beijinhos


Compartilhe


Nenhum comentário:

Postar um comentário


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Por favor, não adicione links externos nos comentários.

Beijinhos ♥

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir