Menu, muda de imagem quando o mouse passa por cima

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Menu, muda de imagem quando o mouse passa por cima

Mensagem por Itachi Uchiha 29.10.10 14:26

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

Itachi Uchiha

Itachi Uchiha
Super Membro

Membro desde : 14/06/2010
Mensagens : 1292
Pontos : 1860

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Taqueto 29.10.10 14:42

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!
Taqueto

Taqueto
***

Membro desde : 08/09/2010
Mensagens : 149
Pontos : 216

http://kingscross.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Itachi Uchiha 29.10.10 23:45

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
Itachi Uchiha

Itachi Uchiha
Super Membro

Membro desde : 14/06/2010
Mensagens : 1292
Pontos : 1860

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Solkis 29.10.10 23:56

Boa noite,

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

Até mais.
Solkis

Solkis
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Taqueto 30.10.10 0:02

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!
Taqueto

Taqueto
***

Membro desde : 08/09/2010
Mensagens : 149
Pontos : 216

http://kingscross.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Itachi Uchiha 30.10.10 0:07

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.
Itachi Uchiha

Itachi Uchiha
Super Membro

Membro desde : 14/06/2010
Mensagens : 1292
Pontos : 1860

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Solkis 30.10.10 0:25

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.
Solkis

Solkis
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Itachi Uchiha 30.10.10 1:32

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

Até mais.
Itachi Uchiha

Itachi Uchiha
Super Membro

Membro desde : 14/06/2010
Mensagens : 1292
Pontos : 1860

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Taqueto 30.10.10 15:15

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
Taqueto

Taqueto
***

Membro desde : 08/09/2010
Mensagens : 149
Pontos : 216

http://kingscross.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Itachi Uchiha 30.10.10 21:40

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.


Última edição por seth's em 30.10.10 21:43, editado 1 vez(es) (Motivo da edição : testamento)
Itachi Uchiha

Itachi Uchiha
Super Membro

Membro desde : 14/06/2010
Mensagens : 1292
Pontos : 1860

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu, muda de imagem quando o mouse passa por cima

Mensagem por Taqueto 31.10.10 22:20

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...
Taqueto

Taqueto
***

Membro desde : 08/09/2010
Mensagens : 149
Pontos : 216

http://kingscross.forumeiro.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos