Menu de navegação alterando as imagens

3 participantes

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

Tópico resolvido Menu de navegação alterando as imagens

Mensagem por Zattch 17.12.11 10:43

Qual é minha questão:
Eu vi um tutorial de Mudar imagem ao passar o mouse.
Então tive a idéia de tentar fazer isso no meu forum só que acrescentar esse codigo no menu de navegação só que eu não sei onde colocar esse código para funcionar.


Medidas que eu tomei para corrigir o problema:
''

Imagens do meu problema:
''

Endereço do meu fórum:
http://fairytail-conection.forumeiros.com/

Versão do meu fórum:
PHPBB3
Zattch

Zattch
**

Membro desde : 19/03/2011
Mensagens : 97
Pontos : 139

http://i-webnet.foruns.com.pt

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu de navegação alterando as imagens

Mensagem por Konai 17.12.11 11:47

Olá,

Poderia me apresentar o código? é provável que seja no CSS. Mais tenho de avalia-lo as vezes é HTML ou na descrição.
Me indique o código por favor,

Aguardo . Piscada
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

Membro Entusiasta

Tópico resolvido Re: Menu de navegação alterando as imagens

Mensagem por Cream 17.12.11 14:29

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!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

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