Efeitos ao passar o mouse

4 participantes

Ir para baixo

Tópico resolvido Efeitos ao passar o mouse

Mensagem por Sensei Animê 25.03.12 20:05

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
Sensei Animê
Sensei Animê
***

Membro desde : 04/07/2011
Mensagens : 129
Pontos : 195

http://foreverrebirth.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos ao passar o mouse

Mensagem por Roevs 25.03.12 20:08

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;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos ao passar o mouse

Mensagem por BKFENIX 25.03.12 20:11

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;}
BKFENIX
BKFENIX
***

Membro desde : 21/04/2010
Mensagens : 144
Pontos : 231

http://www.forunmuonline.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos ao passar o mouse

Mensagem por Sensei Animê 26.03.12 18:22

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

Eu gostaria, que, além desse código, aparecesse um efeito de sombra. Exemplo:
Efeitos ao passar o mouse  Cats10

Gostaria que colocasse esse efeito no código do BKFENIX, por favor.
Sensei Animê
Sensei Animê
***

Membro desde : 04/07/2011
Mensagens : 129
Pontos : 195

http://foreverrebirth.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos ao passar o mouse

Mensagem por MateusV. 26.03.12 18:40

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos ao passar o mouse

Mensagem por Sensei Animê 26.03.12 20:14

Muito obrigado, resolveu meu problema ^-^

Pode fechar.
Sensei Animê
Sensei Animê
***

Membro desde : 04/07/2011
Mensagens : 129
Pontos : 195

http://foreverrebirth.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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