Efeito de opacidade nas imagens do menu

Qual é minha questão:
Então galera, eu fiz esse menuzinho rápido, dividido em imagens com links direcionados..  Queria saber se alguém tem um código pra fazer que quando eu passe o mouse por cima de cada parte da imagem, ele "acenda"..



Att. Slash! (:

Endereço do meu fórum:
http://brasilhighvoltage.forumeiro.com

Versão do fórum:
PHPBB3

Olá!

Veja este tutorial: https://ajuda.forumeiros.com/t15695-tutorial-efeito-de-opacidade-nas-imagens-do-menu

Até mais!

Amigo, esse tuto ai é pra "acender" as imagens do menu padrão. Aqueles onde está o 'Porta, FAQ, Membros, etc'. Esse menu rápido, eu fiz através de um post normal com links pra redirecionar cada pedaço de imagem unidos ali.. Queria um código pra poder "acender" essas imagens, mas pra isso precisaria de um código redirecionado pra isso. :/

Olá!

Essas imagens foram adicionadas por meio de códigos HTML numa mensagem do fórum ou no widget mesmo? este widget é o de novidades?

Até mais!

Adicionados através de um código HTML numa mensagem.
Nesse padrão: [url=(conteúdo)][img*](conteúdo)[/img][/url] e assim seguidamente numa sequencia para fazer aquele menuzinho. (:

Olá!

Utilize este código:

Código:

img[src="http://img42.imageshack.us/img42/420/regrasvj.png"], img[src="http://img41.imageshack.us/img41/9239/dvidas.png"], img[src="http://img542.imageshack.us/img542/964/sugestesu.png"], img[src="http://img10.imageshack.us/img10/8820/bugsyk.png"], img[src="http://img713.imageshack.us/img713/8208/staffkj.png"], img[src="http://img266.imageshack.us/img266/804/vipmk.png"], img[src="http://img24.imageshack.us/img24/9776/bsgnsg.png"]{
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
img[src="http://img42.imageshack.us/img42/420/regrasvj.png"]:hover, img[src="http://img41.imageshack.us/img41/9239/dvidas.png"]:hover, img[src="http://img542.imageshack.us/img542/964/sugestesu.png"]:hover, img[src="http://img10.imageshack.us/img10/8820/bugsyk.png"]:hover, img[src="http://img713.imageshack.us/img713/8208/staffkj.png"]:hover, img[src="http://img266.imageshack.us/img266/804/vipmk.png"]:hover, img[src="http://img24.imageshack.us/img24/9776/bsgnsg.png"]:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender

Perfeito cara! Muitíssimo obrigado. (: