Clareamento no botão do menu

Qual é minha questão:
Eu queria que o botão do menu ficasse mais claro a medida que o mouse ficasse sobre ele, mais claro para diferenciar dos demais.

Medidas que eu tomei para corrigir o problema:

Código:

#pun-navlinks ul.clearfix li a.mainmenu:hover {
opacity: 0.9 !important;
}

Links e imagens do meu problema:


Endereço do meu fórum:
http://testerpgnw.forumeiros.com/forum

Versão do meu fórum:
PUNBB

Olá,

Tente este código:

Código:

#pun-head #pun-navlinks ul.clearfix li a.mainmenu {
opacity: 0.5 !important;
}

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

Até mais!

Ele deixou todos clareados, eu quero deixar só um quando o mouse estiver sobre ele, tipo um mousehover, e não quero deixar com mais opacidade, e sim deixa-lo de fato com um tom mais diferente, como se tivesse uma camada a mais em cima dele, deixando uma cor mais suave. S: Na versão PHPBB2 em meu outro forum que está com um tema diferente tem a mesma barra com o efeito que quero.

rpgnw.forumeiros.com

Olá,

Tente este código:

Código:

    #pun-head #pun-navlinks ul.clearfix li a.mainmenu:hover {
    opacity: 1 !important;
    }

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

Até mais!

Eu tive que modificar ao meu gosto e retirar o #pun-head no inicio, no final o que deu certo foi o:

Código:

#pun-navlinks ul.clearfix li a.mainmenu:hover {
opacity: 0.9 !important;
}

Obrigado por ajuda, pode dar closed. ^^