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 :  

Comentários
0 Comentários


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

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 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.

É proibida a reprodução total ou parcial dos artigos deste blog sem autorização|Somente terá o direito de republicar os códigos publicados dando os devidos créditos.