[Resolvido] Mudar a cor da imagem do menu ao passar o mouse
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
[Resolvido] Mudar a cor da imagem do menu ao passar o mouse
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:
![[Resolvido] Mudar a cor da imagem do menu ao passar o mouse Coolte12](https://i.servimg.com/u/f60/13/30/30/97/coolte12.png)
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?
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](https://i.servimg.com/u/f60/13/30/30/97/coolte11.png)
E gostaria que ficasse assim:
![[Resolvido] Mudar a cor da imagem do menu ao passar o mouse Coolte12](https://i.servimg.com/u/f60/13/30/30/97/coolte12.png)
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?
Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse
Boa noite.
Creio que o botão terá de estar editado para isso, mas não tanho a certeza.
Creio que o botão terá de estar editado para isso, mas não tanho a certeza.
Metin2- ****
- Membro desde : 08/09/2010
Mensagens : 208
Pontos : 321
Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse
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?
<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?
Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse
Olá,
Leia este tutorial e veja se ajuda!
https://ajuda.forumeiros.com/tutoriais-astucias-f5/tutorial-mudar-imagem-ao-passar-o-mouse-t21619.htm
Leia este tutorial e veja se ajuda!
https://ajuda.forumeiros.com/tutoriais-astucias-f5/tutorial-mudar-imagem-ao-passar-o-mouse-t21619.htm
Talissa Andr.- Membro
- Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130
Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse
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.
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.
Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse
Tem algum código específico para as imagens do Menu?
Re: [Resolvido] Mudar a cor da imagem do menu ao passar o mouse
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:
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:
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:classe {
background-image: url(ENDERECO_DA_IMAGEM);
padding: ALTURApx LARGURApx;
}
classe:hover {
background-image: url(ENDERECO_DA_IMAGEM_MOUSE_OVER);
padding: ALTURApx LARGURApx;
}
Até mais.#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
![-](https://2img.net/i/fa/fdf3/moins10.png)
» [Resolvido] Mudar imagem ao passar o mouse
» Mudar imagem ao passar o Mouse porém tem que mudar a imagem do Frame
» Mudar imagem ao passar o mouse
» Mudar imagem ao passar o mouse
» Mudar imagem ao passar o mouse
» Mudar imagem ao passar o Mouse porém tem que mudar a imagem do Frame
» Mudar imagem ao passar o mouse
» Mudar imagem ao passar o mouse
» Mudar imagem ao passar o mouse
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos