[Resolvido] Mudar a cor da imagem do menu ao passar o mouse

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

Atendido / Resolvido [Resolvido] Mudar a cor da imagem do menu ao passar o mouse

Mensagem por HeLL (ShadowsMadame) em 03.11.10 4:20

Olá!

Adicionei imagens ao meu menu e gostaria de saber se é possível alterar a cor quando o mouse passar por cima.

A imagem é assim: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse Coolte11

E gostaria que ficasse assim:
[Resolvido] Mudar a cor da imagem do menu ao passar o mouse Coolte12

Já tentei o seguinte código na folha css:

a.mainmenu {
background:url(https://i.servimg.com/u/f60/13/30/30/97/coolte11.png);
cursor:allowed;
}
a.mainmenu:hover {
background:url(https://i.servimg.com/u/f60/13/30/30/97/coolte12.png);
cursor:allowed;
}

Mas não deu certo.

A versão do meu fórum é PhpBB 3 e no momento não estou usando nenhum código CSS.

É possível alterar para essa cor quando o mouse passa por cima da imagem?
HeLL (ShadowsMadame)

HeLL (ShadowsMadame)
Nível 3

Feminino
Inscrito dia : 19/01/2009
Mensagens : 23
Pontos Ativos : 35

Ver perfil do usuário http://rockandrollclan.team-forum.net/

Atendido / Resolvido Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse

Mensagem por Metin2 em 03.11.10 20:44

Boa noite.

Creio que o botão terá de estar editado para isso, mas não tanho a certeza.
Metin2

Metin2
Nível 9

Masculino
Inscrito dia : 08/09/2010
Mensagens : 208
Pontos Ativos : 321

Ver perfil do usuário

Atendido / Resolvido Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse

Mensagem por HeLL (ShadowsMadame) em 03.11.10 21:50

No site em que criei o botão, eles pedem para salvar as duas imagens e adicionar o seguinte código HTML:

<img src="cooltext475192185.png" onmouseover="this.src='cooltext475192185MouseOver.png';" onmouseout="this.src='cooltext475192185.png';" />

Mas não sei como adaptá-lo ao fórum.

É possível fazer essa alteração de cor quando o mouse passa por cima da imagem com algum outro código?
HeLL (ShadowsMadame)

HeLL (ShadowsMadame)
Nível 3

Feminino
Inscrito dia : 19/01/2009
Mensagens : 23
Pontos Ativos : 35

Ver perfil do usuário http://rockandrollclan.team-forum.net/

Atendido / Resolvido Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse

Mensagem por Talissa Andr. em 03.11.10 22:19

avatar

Talissa Andr.
Usuário destaque

Feminino
Inscrito dia : 29/10/2010
Mensagens : 834
Pontos Ativos : 1130

Ver perfil do usuário

Atendido / Resolvido Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse

Mensagem por HeLL (ShadowsMadame) em 03.11.10 22:36

Olá, Talissa!

Esse código HTML não altera as imagens do Menu, que são as que quero que tenham a cor alterada ao passar o mouse.
HeLL (ShadowsMadame)

HeLL (ShadowsMadame)
Nível 3

Feminino
Inscrito dia : 19/01/2009
Mensagens : 23
Pontos Ativos : 35

Ver perfil do usuário http://rockandrollclan.team-forum.net/

Atendido / Resolvido Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse

Mensagem por HeLL (ShadowsMadame) em 04.11.10 16:24

Tem algum código específico para as imagens do Menu?
HeLL (ShadowsMadame)

HeLL (ShadowsMadame)
Nível 3

Feminino
Inscrito dia : 19/01/2009
Mensagens : 23
Pontos Ativos : 35

Ver perfil do usuário http://rockandrollclan.team-forum.net/

Atendido / Resolvido Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse

Mensagem por Solkis em 04.11.10 22:07

Boa noite,

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

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9984
Pontos Ativos : 12077

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum