Mesmo efeito que o menu do FdF

Qual é minha questão:
Queria saber como fazer esse efeito ao passar mouse em Portal, Forum, Faq, Buscar, mais fazer efeito com imagen tipo esse..

Sem mouse encima..


Com mouse encima..


Queria fazer isso mais com uma imagen ela escuresce quando passa mouse encima..

Endereço do meu fórum:
http://family-bikes.forumeiros.com

Versão do fórum:
PHPBB3

Olá amigo!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.mainmenu:hover {
background: none 0px 0px repeat scroll rgb(21, 93, 152);
box-shadow: rgb(18, 75, 121) 0px 0px 4px inset;
outline-width: medium;
outline-style: none;
outline-color: initial;
padding: 10px 8px 11px;
color: white !important;
}

Coloque o código acima no inicio de teu CSS.

Valide.

Até mais.

Tópico movido de 'Questões sobre o painel de controle do fórum' para 'Questões sobre a aparência do fórum'

Teria como min arruma uma CSS com ele tipo abrindo o efeito ?

Essa está meio estanho não esta abrindo esta tipo vindo aberto =/

Olá!

Troque o código por este e veja se gosta:

Código:

.mainmenu:hover {
background: none 0 0 repeat scroll #155d98;
box-shadow: #124b79 0 0 4px inset;
color: #fff!important;
outline-color: initial;
outline-style: none;
outline-width: medium;
padding: 10px 8px 11px;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}

Até mais!

Valeu mestre dos ajudeiros '-'