Menu, muda de imagem quando o mouse passa por cima

Olá, a todos.
Queria saber como faz para que quando um membro passa o mouse sobre o menu, o menu muda de imagem.

Ex:

No menu de tal fórum tem este botão:
https://2img.net/r/ihimizer/img821/1930/semnoobotes01.png

Depois quando o mouse passa por cima dela muda para o seguinte botão:
https://2img.net/r/ihimizer/img152/1930/semnoobotes01.png

Até mais

Olá!

Tente este código:

a.mainmenu {
background:url(IMAGEM);
cursor:allowed;
}
a.mainmenu:hover {
background:url(IMAGEM_HOVER);
cursor:allowed;
}

Vermelho - Imagem normal
Azul - Imagem com o mouse em cima.




Adicione este código na folha CSS.
Espero que consiga.
Abraços!

Huuuum....
Tem um jeito de colocar um código CSS, para que os botões fiquem cinzas e ae quando se passa o mouse em cima deles eles ficam da cor natural?

Até mais

Boa noite,

Veja se não é o que procura:
https://ajuda.forumeiros.com/-t15695.htm

Até mais.

Olá, seth's!
Tem sim... Isso se chama opacidade no menu.
Leia este Tutorial e aprenderá:
Efeito de Opacidade nas imagens do Menu


Espero que consiga. Abraços!

Não, não é efeito de opacidade.
Quero saber um jeito de deixar o menu de cor cinza e quando um membro passar o mouse por cima voltar na cor normal.
Até mais.

Boa noite,

Aqui está o código para o que deseja:

Código:

a.mainmenu img {
filter:gray;
}
a.mainmenu img:hover {
filter:none;
}

Até mais.

Se for para colocar no CSS, não deu certo.

Até mais.

Então faça o seguinte. Crie uma imagem na tonalidade de cinza que deseja e outra imagem em tonalidade normal de cor, então aplique o código que eu havia leh passado:

a.mainmenu {
background:url(IMAGEM);
cursor:allowed;
}
a.mainmenu:hover {
background:url(IMAGEM_HOVER);
cursor:allowed;
}

IMAGEM - Endereço da Imagem Normal
IMAGEM_HOVER - Endereço da Imagem com o mouse sobre ela

Bom, isso não o que eu espero, pois quero aplicar no menu.
E cada botão do menu tem um link para ir a certa página. E esse código é só para passar o mouse por cima e mudar a imagem. E também acho que não será possivel colocar no menu.
Mas mesmo assim vou tentar.

'Acabei de testar, e não deu certo'

Até mais.

Olá, seth's!
Para cada imagem do menu, faça uma outra imagem, no caso a com o mouse em cima, e para cada uma então, coloque um código na folha CSS.
Tente assim...