Efeito ao passar o mouse nos botoes do menu

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

Resolvido Efeito ao passar o mouse nos botoes do menu

Mensagem por #d0C em 16/09/13, 02:13 pm

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, 09:22 am, editado 1 vez(es)
avatar

#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

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

Mensagem por First em 16/09/13, 02:27 pm

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.
avatar

First
Membro do Fórum

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

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

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

Mensagem por Sennior em 16/09/13, 02:29 pm

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

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

Mensagem por #d0C em 16/09/13, 02:58 pm

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.
avatar

#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

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

Mensagem por #d0C em 17/09/13, 01:36 am

UP
avatar

#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

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

Mensagem por Sennior em 17/09/13, 03:42 pm

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

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

Mensagem por #d0C em 18/09/13, 01:13 pm

sem efeito! ;(
avatar

#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

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

Mensagem por Gaaratsu em 18/09/13, 02:07 pm

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


HAKUOUKI

               
   
Respeite as Regras Gerais do Fórum e conheça a nossa Equipe;
   Veja a Lista de FAQs do CPainel e Lista de Tutoriais;
   Ferramentas do(a) Administrador(a);
   Assinalar um Litígio.

   
   


   "Seria o único propósito da folha, o de cair?".

   
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

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

Mensagem por #d0C em 20/09/13, 05:20 am

sem efeito
avatar

#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

- Tópicos similares

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