Efeito Sombra nos Links do Blog

Vamos aprender a colocar efeito sombras nos links do Blog.
O nome desse efeito é conhecido por "Neon", ele é um efeito bem legal e simples...





Pra Colocar no Blog:
Primeiro você vai no painel de edição do seu blog, depois em Modelo >> em Editar HTML >> e clique em Prosseguir.

E no HTML do seu Blog, você vai procurar por essa Tag:
]]></b:skin>
Ao localizar o Tag, acrescente logo acima esse pequeno código CSS:


a:hover{ 
color: #000000;
text-shadow:0 0 .3em #000000;
}


Prontinho pessoal, agora clique em salvar  modelo do seu Blog e esta tudo pronto.

Vamos entender um pouco sobre o código:

  • Para Alterar a Cor da Letra, substitua a parte que eu destaquei em azul "#000000", por uma outra cor.
  • E para alterar a cor da Sombra, substitua a parte que está destacada em cor Vermelha " #000000"por outra Cor. Para escolher uma Cor Clique Aqui>>

Post Relacionados

Efeito Sombra nos Links do Blog Unknown Rating: 5 sábado, 8 de dezembro de 2012

Nenhum comentário: