Efeitos ao passar o mouse

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

Resolvido Efeitos ao passar o mouse

Mensagem por Sensei Animê em 25/03/12, 04:05 pm

Qual é minha questão:
Eu gostaria, que, quando passarmos o mouse sobre os Links (Tópicos, Usuários, etc...) a letra ficasse maior e com um efeito de sombra.

Medidas que eu tomei para corrigir o problema:
Busquei em vários tópicos, mas nenhum código funcionou.

Links e imagens do meu problema:


Endereço do meu fórum:
http://pokemonforeveronline.forumeiro.net/

Versão do meu fórum:
PHPBB2
avatar

Sensei Animê
Nível 8

Masculino
Inscrito dia : 04/07/2011
Mensagens : 129
Pontos Ativos : 195

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

Resolvido Re: Efeitos ao passar o mouse

Mensagem por iPrompt em 25/03/12, 04:08 pm

Adiciona este código em sua Folha de estilo CSS

Código:
a:link {
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
color: black -o-transition: all #0.1s linear;
transition: all .1s linear;
}
a:hover {
color: #FF404A;
font-size: 16px;
padding-left: 20px;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Efeitos ao passar o mouse

Mensagem por BKFENIX em 25/03/12, 04:11 pm

veja se esse CSS funciona
Código:
#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
a:hover{text-transform:uppercase;}
avatar

BKFENIX
Nível 8

Masculino
Inscrito dia : 21/04/2010
Mensagens : 144
Pontos Ativos : 231

Ver perfil do usuário http://www.forunmuonline.forumeiros.net

Resolvido Re: Efeitos ao passar o mouse

Mensagem por Sensei Animê em 26/03/12, 02:22 pm

Ambos funcionaram, mas gostei mais do código do BKFENIX.

Eu gostaria, que, além desse código, aparecesse um efeito de sombra. Exemplo:


Gostaria que colocasse esse efeito no código do BKFENIX, por favor.
avatar

Sensei Animê
Nível 8

Masculino
Inscrito dia : 04/07/2011
Mensagens : 129
Pontos Ativos : 195

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

Resolvido Re: Efeitos ao passar o mouse

Mensagem por MateusV. em 26/03/12, 02:40 pm

Olá, substitua o codigo por este
Código:
#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
a:hover{text-transform:uppercase;
text-shadow: 0 0 5px red;}

Cordialmente. Piscada
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 ao passar o mouse

Mensagem por Sensei Animê em 26/03/12, 04:14 pm

Muito obrigado, resolveu meu problema ^-^

Pode fechar.
avatar

Sensei Animê
Nível 8

Masculino
Inscrito dia : 04/07/2011
Mensagens : 129
Pontos Ativos : 195

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

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