![[TUTORIAL] Efeito Neon no link Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Suporte Forumeiros
Início
Entrar
Cadastre-se
Mensagens
Moedas![[TUTORIAL] Efeito Neon no link Magic](https://2img.net/i/fa/fdf/magic.png) | Efeito Neon no link |
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
Efeito Neon no link
1º - 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 de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(clique na imagem para aumentar)
![[TUTORIAL] Efeito Neon no link 1114](https://i.servimg.com/u/f71/11/61/24/05/1114.gif)
2º - Código:
a:hover {
color: #CORLETRA;
text-shadow : 0px 0px 10px #CORNEON;
}
CORLETRA
![[TUTORIAL] Efeito Neon no link 337884](https://2img.net/u/2112/28/77/07/smiles/337884.png)
A cor da letra que o Link com o Efeito teráCORNEON
A cor que terá o Efeito NeonQuando modificarmos os campos necessários, por exemplo, ficará assim:
CORLETRA
Azul escuro (#4876FF)CORNEON
Vermelho (#FF0000)
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
3º - O resultado será assim:
Expandir esta imagem Ver em tamanho real
![[TUTORIAL] Efeito Neon no link Outap2](https://2img.net/h/oi51.tinypic.com/outap2.jpg)
--> FAQ do Tutorial <--
Efeito Neon no link
Efeito Neon no link
- Posso utilizar uma cor diferente?
Claro
que sim! Terá somente que substituir os campos referidos em vermelho e
azul, com os seus respectivos códigos de cor (em hexadecimal). Para
conhecer as outras cores, consulte nessa página: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
