Mudar de imagem ao passar o mouser no menu

3 participantes

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

Tópico resolvido Mudar de imagem ao passar o mouser no menu

Mensagem por disturbed14z 17.02.12 0:36

Qual é minha questão:
bom gente o nome ja diz tudo
eu quero que quando passar o mouse no menu de navegação a imagem muda para outra entendes obrigado =D

Medidas que eu tomei para corrigir o problema:
postei esse post

Links e imagens do meu problema:


Endereço do meu fórum:
http://furydesign.forumeiros.com/

Versão do meu fórum:
INVISION
disturbed14z

disturbed14z
Novo Membro

Membro desde : 16/02/2012
Mensagens : 9
Pontos : 19

http://furydesign.forumpramim.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar de imagem ao passar o mouser no menu

Mensagem por MateusV. 17.02.12 0:38

Olá, leia este tutorial
Seta https://ajuda.forumeiros.com/t21619-
Até mais Piscada
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar de imagem ao passar o mouser no menu

Mensagem por disturbed14z 17.02.12 0:53

poxa cara mais eu queria botar no menu de navegação
Mudar de imagem ao passar o mouser no menu Xmv29i
disturbed14z

disturbed14z
Novo Membro

Membro desde : 16/02/2012
Mensagens : 9
Pontos : 19

http://furydesign.forumpramim.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar de imagem ao passar o mouser no menu

Mensagem por Konai 17.02.12 0:56

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

Até Mais!
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.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