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á,

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


Até mais.

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

Código:

#secondary_links a#quickNavLaunch:hover img {
opacity: .5;
background-size: 5px !important;
}

Até mais.

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.

UP

Saudações!

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

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.

Atenciosamente,
Sennior.

sem efeito! ;(

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):

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!

sem efeito