Codigo de efeito com erro

Qual é minha questão:
Ola eu usei o código contido no topico abaixo:
https://ajuda.forumeiros.com/t47333-mudar-imagens-do-menu-ao-passar-o-mouse#315600

só que este não estão funcionando:

Código:

#i_icon_mini_members :hover {
background-image: url(http://i.imgur.com/ToPNcjs.png);
}
ul.navlinks span.new-message:hover {
background-image: url(http://i.imgur.com/wJJzGAk.png);
}
i_icon_mini_login:hover {
background-image: url(http://i.imgur.com/URH74Vl.png);
}
i_icon_mini_register:hover {
background-image: url(http://i.imgur.com/QORLOb3.png);
}

aonde está o erro destes códigos ?

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

Versão do fórum:
PHPBB3

Código:

<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

Locais Onde Funciona o COdigo :

1.Mensagem da Home Page:
Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"

2.Widgets (em todos que são possíveis de criar ou modificar):
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
ou
Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum

3.Newsletter's (modo HTML)
Painel de Controle -> Geral -> Newsletter -> Redação e envio

4.Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens) Só terá efeito na determinada mensagem!

cara, não é isso não, o código que eu dei( no link também ) é um código css para dar efeito hover nos botões do MENU, e os que eu mostrei são os que estão com defeito( não estão funcionando )

Olá!

Troque o código por este:

a.mainmenu[href="/ID"]:hover{
background-image: url('AQUI URL DA IMAGEM' );
}

Vermelho > Troque pelo ID do menu, exemplo: Se for o portal basta colocar /portal.
Verde > Troque pelo qual pede.

Até mais.

certo, mas qual seria o id para "nova MP"( o botão de nova mensagem privada )

Olá!

Seria este: /privmsg?folder=inbox o ID é o mesmo, basta você alterar a imagem no painel de controle pelo "Gestão de imagens".

Até mais.

Olá,
Se não está funcionando, pode ser da sua versão, tente usar este.

Código:

<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

Se não funcionar
coloque

Código:

a.mainmenu[href="/Nova mensagem"]:hover{
background-image: url('http://i.imgur.com/c9gdBUc.png' );
}

Aonde está "/Nova mensagem" vc pode mudar para outros menus, tipo íncice, registrar e outros.
Até.

ola, ainda apresenta o mesmo problema

Olá!

Primeiramente remova as imagens do painel de controle, somente usará imagens por meio de códigos CSS! Para remover aceda à:
Painel Visualização Imagens e cores Cores Folha de estilos CSS

Tem sim como fazer, será este o código que deverá usar, adicionando uma vez cada um da forma como vou explicar agora:

classe {
background-image: url(ENDERECO_DA_IMAGEM);
padding: ALTURApx LARGURApx;
}

classe:hover {
background-image: url(ENDERECO_DA_IMAGEM_MOUSE_OVER);
padding: ALTURApx LARGURApx;
}

Nos campos altura e largura deverá colocar metada da altura e metade da largura da imagem que pretende colocar, agora teremos que ver qual é a classe para cada botão. Onde tem classe em laranja mude para isso:

#i_icon_mini_index - Início
#i_icon_mini_portal - Portal
#i_icon_mini_calendar - Calendário
#i_icon_mini_faq - FAQ
#i_icon_mini_search - Buscar
#i_icon_mini_members - Membros
#i_icon_mini_groups - Grupos
#i_icon_mini_profile - Perfil
#i_icon_mini_message - Sem novas MPs
#i_icon_mini_new_message - Novas MPs
#i_icon_mini_login - Login
#i_icon_mini_logout - Logout

Até mais.

ola, ainda não deu certo,
não outro comando pra estes botões mesmo ?? preciso disso muito

lol, descobrio o erro!! era os comandos mesmo alguns tavam com "espaço"entre o as classes e o :hover, e outros a classe tava errada, valeu crazy ce me forneceu as certas