Menu de navegação alterando as imagens

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

Resolvido Menu de navegação alterando as imagens

Mensagem por Zattch em 17/12/11, 08:43 am

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
avatar

Zattch
Nível 7

Masculino
Inscrito dia : 18/03/2011
Mensagens : 97
Pontos Ativos : 139

Ver perfil do usuário http://i-webnet.foruns.com.pt

Resolvido Re: Menu de navegação alterando as imagens

Mensagem por Gaaratsu em 17/12/11, 09:47 am

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


HAKUOUKI

               
   
Respeite as Regras Gerais do Fórum e conheça a nossa Equipe;
   Veja a Lista de FAQs do CPainel e Lista de Tutoriais;
   Ferramentas do(a) Administrador(a);
   Assinalar um Litígio.

   
   


   "Seria o único propósito da folha, o de cair?".

   
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5948
Pontos Ativos : 7429

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

Resolvido Re: Menu de navegação alterando as imagens

Mensagem por Cream em 17/12/11, 12:29 pm

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

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

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