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

4 participantes

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

Tópico resolvido [Resolvido] Mudar a cor da imagem do menu ao passar o mouse

Mensagem por HeLL (ShadowsMadame) 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)
Novo Membro

Membro desde : 19/01/2009
Mensagens : 23
Pontos : 35

http://rockandrollclan.team-forum.net/

Ir para o topo Ir para baixo

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

Mensagem por Metin2 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
****

Membro desde : 08/09/2010
Mensagens : 208
Pontos : 321

Ir para o topo Ir para baixo

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

Mensagem por HeLL (ShadowsMadame) 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)
Novo Membro

Membro desde : 19/01/2009
Mensagens : 23
Pontos : 35

http://rockandrollclan.team-forum.net/

Ir para o topo Ir para baixo

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

Mensagem por Talissa Andr. 03.11.10 22:19

avatar

Talissa Andr.
Membro

Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130

Ir para o topo Ir para baixo

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

Mensagem por HeLL (ShadowsMadame) 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)
Novo Membro

Membro desde : 19/01/2009
Mensagens : 23
Pontos : 35

http://rockandrollclan.team-forum.net/

Ir para o topo Ir para baixo

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

Mensagem por HeLL (ShadowsMadame) 04.11.10 16:24

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

HeLL (ShadowsMadame)
Novo Membro

Membro desde : 19/01/2009
Mensagens : 23
Pontos : 35

http://rockandrollclan.team-forum.net/

Ir para o topo Ir para baixo

Membro Entusiasta

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

Mensagem por Solkis 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
Membro Entusiasta
Membro Entusiasta

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

https://ajuda.forumeiros.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