18 fevereiro 2015

Fundo colorido nos links do blog

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

Antes de começarmos acesse a página de códigos para podermos começar o tutorial. Deixe-a aberta.

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 cole o código CSS

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)

• #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


Nenhum comentário:

Postar um comentário

Amigos do Blog



Agregadores