[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

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

Mensagem por HeLL (ShadowsMadame) em 03/11/10, 02:20 am

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:

E gostaria que ficasse assim:


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

a.mainmenu {
background:url(http://i60.servimg.com/u/f60/13/30/30/97/coolte11.png);
cursor:allowed;
}
a.mainmenu:hover {
background:url(http://i60.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?
avatar

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/

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

Mensagem por Metin2 em 03/11/10, 06:44 pm

Boa noite.

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

Metin2
Nível 9

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

Ver perfil do usuário

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

Mensagem por HeLL (ShadowsMadame) em 03/11/10, 07:50 pm

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?
avatar

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/

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

Mensagem por Talissa Andr. em 03/11/10, 08:19 pm


Talissa Andr.
Usuário destaque

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

Ver perfil do usuário

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

Mensagem por HeLL (ShadowsMadame) em 03/11/10, 08:36 pm

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

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/

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

Mensagem por HeLL (ShadowsMadame) em 04/11/10, 02:24 pm

Tem algum código específico para as imagens do Menu?
avatar

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/

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

Mensagem por Solkis em 04/11/10, 08:07 pm

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

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

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

- Tópicos similares

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