Efeito Neon no link

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

Membro Entusiasta
  • 0

Tutorial Efeito Neon no link

Mensagem por Luciano98 03.04.12 3:24

Efeito Neon no link Magic Efeito Neon no link
Neste tutorial você irá aprender à colocar um contorno Neon envolta dos links, o efeito é ativado ao passar o Mouse em cima do link.


--> Tutoriais, dicas e astúcias <--
Efeito Neon no link



- Teremos de aceder à "Folha de estilo CSS":
Para que possamos personalizar os Links com o "Efeito Neon" é necessário adicionar códigos na Folha de estilo CSS.
Painel administrativo -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(clique na imagem para aumentar)
Efeito Neon no link 1114

- Código:

a:hover {
color: #CORLETRA;
text-shadow : 0px 0px 10px #CORNEON;
}

CORLETRA :seta2: A cor da letra que o Link com o Efeito terá
CORNEON :seta2: A cor que terá o Efeito Neon

Quando modificarmos os campos necessários, por exemplo, ficará assim:
CORLETRA :seta2: Azul escuro (#4876FF)
CORNEON :seta2: Vermelho (#FF0000)
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}

- O resultado será assim:
Efeito Neon no link Outap2



--> FAQ do Tutorial <--
Efeito Neon no link









:copyright: Fórum dos Fóruns & Itachi Uchiha



Efeito Neon no link Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Efeito Neon no link
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos