Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Efeito hover no menu

+2
Shek
nejibyakugan
6 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Ir para baixo

Tópico resolvido Efeito hover no menu

Mensagem por nejibyakugan 09.06.14 0:36

  • Descrição:
Eu queria saber como faço para colocar em meu fórum um efeito semelhante ao existente no meu deste fórum, quando passamos o mouse por cima, o botão escurece, eu queria saber como colocar este efeito em meu fórum.
  • Informações:
Fórum:http://pokemonmq.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Efeito,hover


Última edição por nejibyakugan em 22.06.14 14:55, editado 1 vez(es)
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Shek 09.06.14 1:19

Boa noite!

Você poderia me indicar o local exato para qual deseja aplicar o efeito hover? Seria os ícones das mensagens?

Até mais!
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22968

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 09.06.14 1:35

No meu menu.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Sennior 09.06.14 4:13

Saudações,

Aceda à sua Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
a.mainmenu img  {filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}a.mainmenu img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}

Coloque no inicio de teu CSS.

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 09.06.14 12:30

O código que você me enviou faz a imagem ficar com uma cor fraca, e quando o mouse passa por cima ele fica com a cor original, o código que eu quero é para as imagens ficarem com cor normal, e quando passar o mouse por cima, ficar escura.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Lima 3005 09.06.14 12:56

Código:
a.mainmenu img:hover  {filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}a.mainmenu img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}

Assim?
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 09.06.14 14:21

O código que me enviou faz o reverso do que o primeiro código, é por esse caminho mesmo, mas a imagem não está escurecendo, e sim ficando com uma cor mais fraca.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Sennior 09.06.14 16:24

Saudações,

Altere seu código pelo abaixo:
Código:
a.mainmenu img  {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}a.mainmenu img:hover {filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 09.06.14 16:53

Tem o mesmo efeito do amigo acima, a imagem fica mais clara, eu quero que fique mais escura(igual o do menu do FDF)
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Sennior 09.06.14 16:59

Saudações,

Mas que para isso ocorra, o seu menu teria que ser por códigos CSS e não por imagens.
Tente este código:

Código:
.mainmenu img:hover {
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 1.7;
}
.mainmenu img {
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.7;
}

Veja se gosta desta maneira, pois é a unica maneira viável de se fazer já que seu menu é por imagens.

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 09.06.14 18:57

Teve o primeiro efeito, da imagem ficar com cor mais fraca, e voltar a imagem original quando passa o mouse por cima, eu queria que a imagem fosse a original e quando passar o mouse por cima, ela fiquei mais escura(nem que eu tenha que refazer botão a botão num tom escuro).
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Sennior 09.06.14 18:59

Olá amigo,

Então, poderia fazer em um tom mais escuro? Assim eu poderia fazer do jeito que deseja. Muito feliz

Abraços.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 09.06.14 19:50

O menu do meu fórum mudará hoje, então, até amanhã eu envio as imagens, para que seja feito o código, então, peço que aguarde enquanto isso, ok?
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Sennior 09.06.14 19:52

Olá,

Tudo bem amigo.  Piscada 

Abraços.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 12.06.14 18:57

Pronto, refiz todos os botões, menos o de NEW MPs(não sei escurecer GIFs '-' )

Aqui estão as imagens mais escuras:

Spoiler:
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Sennior 14.06.14 8:18

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
a.mainmenu:hover {filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 3.7;}a.mainmenu {filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.5;}

Melhores cumprimentos,
Sennior. De bem com a vida
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 14.06.14 15:18

Mesmo efeito, fica uma fumaça branca na frente da imagem e quando passamos por cima a fumaça some, sabe o menu do FDF? Quando a gente passa o mouse por cima, a cor fica mais escura, é isso que eu quero.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Dr. 15.06.14 2:13

Saudações! Bem, o senhor deseja desta forma:

Código:
a.mainmenu:hover{
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-filter: blur(0px);
-webkit-transform: all;
-webkit-transition: 1s;
background-color: XXX;
border-bottom: 3px solid XXX;
color: #fff;
filter: url(#blur-effect-1);
padding: 8px;
transform: all;
transition: 1s;
}
Vulgo que XXX representa a cor que o senhor deseja?

Atenciosamente.
Dr.
Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 15.06.14 2:23

Sem resultados.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Dr. 15.06.14 2:25

O senhor alterou o XXX pela cor hexadecimal desejada? (#000000 e #FFFFFF, por exemplo.)

Atenciosamente.
Dr.
Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 15.06.14 13:48

Sim, alterei, mas não há resultados.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por Alex Habilidade 22.06.14 1:13

Olá,

O senhor forneceu as imagens que será o efeito 'Hover', peço que o senhor coloque as imagens normais em seu fórum, para que possamos fazer os teste para fazer o efeito hover desejado.

Quando colocar avise ok?
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no menu

Mensagem por nejibyakugan 22.06.14 14:27

Sim, alterei.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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