Efeito ao passar o mouse nos botoes do menu

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

Atendido / Resolvido Efeito ao passar o mouse nos botoes do menu

Mensagem por #d0C em 16.09.13 18:13

Qual é minha questão:
Olá mais uma vez a todos!
Espero não vos estar a incomodar muitos, mas eu preciso muito deste efeito e não o consigo activar no meu código, eu mesmo já fiz um fórum aqui no forumeiros e consegui, mas agora não consigo colocá-lo no meu novo forum.

O efeito que eu pretendo é o seguinte, ao passar o mouse por cima das imagens do menu, gostaria que a imagem aumentasse um bocadinho (cerca de 5px no máximo) e que a opacidade diminuísse para 50% mas não bruscamente, com cerca de 1 segundo de transição!

Espero que me ajudem.
Cumprimentos, Corrente Gráfica.

Endereço do meu fórum:
http://corrente-grafica.forumeiro.com

Versão do fórum:
PUNBB


Última edição por CorrenteGráfica em 21.09.13 13:22, editado 1 vez(es)
#d0C

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Atendido / Resolvido Re: Efeito ao passar o mouse nos botoes do menu

Mensagem por First em 16.09.13 18:27

Olá,

Senhor, qual menu você se refere? entrei no seu fórum e vi dois, poderia tirar uma print e circular de vermelho?


Até mais.
First

First
Membro do Fórum

Masculino
Inscrito dia : 13/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Atendido / Resolvido Re: Efeito ao passar o mouse nos botoes do menu

Mensagem por Sennior em 16.09.13 18:29

Boa tarde,

Mas já contem este efeito em teu fórum, no mais adicione este código:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
#secondary_links a#quickNavLaunch:hover img {
opacity: .5;
background-size: 5px !important;
}
Até mais.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16355
Pontos Ativos : 20860

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Efeito ao passar o mouse nos botoes do menu

Mensagem por #d0C em 16.09.13 18:58

Sennior, como eu disse, o efeito de opacidade e de aumentar queria com transição, não bruscamente!

First, é o menu ao lado do banner, o qual tem 4 imagens alinhadas.
#d0C

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Atendido / Resolvido Re: Efeito ao passar o mouse nos botoes do menu

Mensagem por #d0C em 17.09.13 5:36

UP
#d0C

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Atendido / Resolvido Re: Efeito ao passar o mouse nos botoes do menu

Mensagem por Sennior em 17.09.13 19:42

Saudações! Muito feliz

Vá em teu painel administrativo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Seta Código:
Código:
#secondary_links a#quickNavLaunch:hover img {
opacity: .5;background-size: 5px !important;-webkit-transition: background-color 0.5s;-moz-transition: background-color 0.5s;-o-transition: background-color 0.5s;transition: background-color 0.5s;}
Obs:. Coloque o código no inicio de teu CSS para haver exito.

Valide. Piscada

Atenciosamente,
Sennior. De bem com a vida
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16355
Pontos Ativos : 20860

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Efeito ao passar o mouse nos botoes do menu

Mensagem por #d0C em 18.09.13 17:13

sem efeito! ;(
#d0C

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Atendido / Resolvido Re: Efeito ao passar o mouse nos botoes do menu

Mensagem por Konai em 18.09.13 18:07

Saudações!

Peço encarecidamente que o senhor cheque o seguinte tutorial:
Seta [TUTORIAL] Efeito de opacidade nas imagens do menu

Código que utilizaremos para a tua versão(é necessário substituir o código fornecido pelo o nosso amigo Sennior pelo o código abaixo para que o mesmo funcione):
Código:
#pun-navlinks ul.clearfix a.mainmenu img:hover {
background-size: 5px !important;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
Atenciosamente! Piscada
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6031
Pontos Ativos : 7529

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

Atendido / Resolvido Re: Efeito ao passar o mouse nos botoes do menu

Mensagem por #d0C em 20.09.13 9:20

sem efeito
#d0C

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

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


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