Efeitos sobre os links

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

Resolvido Efeitos sobre os links

Mensagem por Josh em Qua 7 Mar 2012 - 16:09

Qual é minha questão:
Opa, eu to querendo saber como eu ponho uns efeitos após passar o mouse sobre uns links do fórum, eu vi aqui: http://grandedown.forumeiros.com/ [Não é brilho sobre os nicks]

Se entenderem, obrigado Muito feliz

Medidas que eu tomei para corrigir o problema:
Não encontrei nada.

Links e imagens do meu problema:
Se precisar.

Endereço do meu fórum:
ajuda.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Efeitos sobre os links

Mensagem por MateusV. em Qua 7 Mar 2012 - 16:12

Olá,
Aceda a:
Painel de controleVisualização Imagens e CoresCoresAba Folha CSS.
Cole o codigo e salve.
Código:
a:link {
color:#000
text-shadow: 0 0 1px blue;
}

a:hover {
text-shadow: 0 0 1px blue;
padding-left: 20px;
font-size: 16px;
color: #FF404A;
}
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeitos sobre os links

Mensagem por Josh em Qua 7 Mar 2012 - 16:15

Funcionou, mais quando eu mouse sobre os links, ela se expande. Naquele fórum não tem isto.
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Efeitos sobre os links

Mensagem por bean em Qua 7 Mar 2012 - 16:17

Olá,

Desculpe interromper mais foi pra dar uma dica olha é melhor ainda que ela se expande no outro é somente um efeito hover ou sejá uma cor amplificada vc tem como adicionar ambos assim ficaria de seu gosto?
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/

Resolvido Re: Efeitos sobre os links

Mensagem por MateusV. em Qua 7 Mar 2012 - 16:19

Olá, lamento eu coloquei um codigo a mais, substitua por este
Código:
a:link {
color:#000
text-shadow: 0 0 1px blue;
}

a:hover {
text-shadow: 0 0 1px blue;
padding-left: 20px;
color: #FF404A;
}
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeitos sobre os links

Mensagem por Ace em Qui 8 Mar 2012 - 13:13

Olá,

Se não obtiver sucesso, leia:

Spoiler:

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 de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(clique na imagem para aumentar)

- 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:



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









© Fórum dos Fóruns & Wolk




Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Efeitos sobre os links

Mensagem por Josh em Qui 8 Mar 2012 - 19:06

Resolvido, agradecido.
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum