Efeito ao passar o mouse nos botoes do menu
4 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
Página 1 de 1
Efeito ao passar o mouse nos botoes do menu
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
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)
Re: Efeito ao passar o mouse nos botoes do menu
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.
Senhor, qual menu você se refere? entrei no seu fórum e vi dois, poderia tirar uma print e circular de vermelho?
Até mais.
Re: Efeito ao passar o mouse nos botoes do menu
Boa tarde,
Mas já contem este efeito em teu fórum, no mais adicione este código:
Painel de Controle
Visualização
Imagens e Cores
Cores
Folha de Estilo CSS
Mas já contem este efeito em teu fórum, no mais adicione este código:
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
- Código:
#secondary_links a#quickNavLaunch:hover img {
opacity: .5;
background-size: 5px !important;
}
Re: Efeito ao passar o mouse nos botoes do menu
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.
First, é o menu ao lado do banner, o qual tem 4 imagens alinhadas.
Re: Efeito ao passar o mouse nos botoes do menu
Saudações! ![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Vá em teu painel administrativo:
Painel de Controle
Visualização
Imagens e Cores
Cores
Folha de Estilo CSS
Código:
Valide.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Atenciosamente,
Sennior.![De bem com a vida](/users/2612/28/77/07/smiles/723208.gif)
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Vá em teu painel administrativo:
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
- 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;}
Valide.
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Atenciosamente,
Sennior.
![De bem com a vida](/users/2612/28/77/07/smiles/723208.gif)
Re: Efeito ao passar o mouse nos botoes do menu
Saudações!
Peço encarecidamente que o senhor cheque o seguinte tutorial:
[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):
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Peço encarecidamente que o senhor cheque o seguinte tutorial:
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
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;
}
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Efeito ao passar o mouse no menu
» Efeito ao passar o mouse nos botões do menu
» Como colocar o menu acima do banner, e efeito de passar o mouse acima do menu?
» Efeito ao passar o mouse em cima do avatar
» Retirar efeito de passar mouse
» Efeito ao passar o mouse nos botões do menu
» Como colocar o menu acima do banner, e efeito de passar o mouse acima do menu?
» Efeito ao passar o mouse em cima do avatar
» Retirar efeito de passar mouse
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
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos