Mudar imagens do menu ao passar o mouse

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

Resolvido Mudar imagens do menu ao passar o mouse

Mensagem por Galaxia em 16/10/11, 06:44 am

Qual é minha questão:
Bom eu gostaria desse efeito:
http://ajuda.forumeiros.com/t21619-tutorial-mudar-imagem-ao-passar-o-mouse
Na minha barra de navegação... onde diz: Fórum, Portal e etc...
Desde já obrigado.

Medidas que eu tomei para corrigir o problema:
Vim ao FDF

Imagens do meu problema:


Endereço do meu fórum:
http://leveluproms.ace.st/

Versão do meu fórum:
PHPBB3
avatar

Galaxia
Nível 4

Masculino
Inscrito dia : 03/07/2011
Mensagens : 30
Pontos Ativos : 49

Ver perfil do usuário http://galaxiarpgmaker.123.st

Resolvido Re: Mudar imagens do menu ao passar o mouse

Mensagem por '-Hobby-' em 16/10/11, 10:37 am

Olá,
Poderia dizer as imagens que você deseja?
Grato. cool
avatar

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 15/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

Resolvido Re: Mudar imagens do menu ao passar o mouse

Mensagem por Galaxia em 16/10/11, 03:50 pm

Olha amigo, são essas imagens que eu desejo que mudem ao passar o mouse.

Eu não entendi muito bem seu comentário, desculpe a ignorância, não sei se você desejava a imagem acima, ou os buttons, porém aguardo respostas.
Saudações!
avatar

Galaxia
Nível 4

Masculino
Inscrito dia : 03/07/2011
Mensagens : 30
Pontos Ativos : 49

Ver perfil do usuário http://galaxiarpgmaker.123.st

Resolvido Re: Mudar imagens do menu ao passar o mouse

Mensagem por Oto! em 19/10/11, 08:45 am

Olá!

Veja as classes CSS ligadas à cada imagem do menu:

#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_portal { Corresponde à imagem portal.
#i_icon_mini_calendar { Corresponde à imagem calendário.
#i_icon_mini_faq { Corresponde à imagem Faq/Perguntas e respostas criadas por si no painel de controle.
#i_icon_mini_search { Corresponde à imagem buscar.
#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_members { Corresponde à imagem de membros do fórum.
#i_icon_mini_groups { Corresponde à imagem grupos.
#i_icon_mini_profile { Corresponde à imagem perfil.
#i_icon_mini_message { Corresponde à imagem do link do menu MP.
ul.navlinks span.new-message { Corresponde à imagem do link do menu Nova MP.
#i_icon_mini_logout { Corresponde à imagem do link do menu Sair.
i_icon_mini_login { Corresponde à imagem do link do menu Login/Entrar.
i_icon_mini_register { Corresponde à imagem do link do menu Registrar/Cadastrar.

Agora para colocar uma imagem para exibir quando passar o mouse em cima do link veja:

#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}
Isso acima é um exemplo, deverá ser modificado a parte "#i_icon_mini_message", dependendo da escolha das classes.

O código depois de produzido, deverá ser adicionado em:
Painel de controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens e cores Flecha ajudeiros Cores / Folha estilo CSS

Confirme se ainda necessita de suporte adicional Piscada

Até Mais!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Mudar imagens do menu ao passar o mouse

Mensagem por Galaxia em 21/10/11, 07:57 am

Obrigado pela ajuda, dúvida sanada!
avatar

Galaxia
Nível 4

Masculino
Inscrito dia : 03/07/2011
Mensagens : 30
Pontos Ativos : 49

Ver perfil do usuário http://galaxiarpgmaker.123.st

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