Menu de navegação alterando as imagens

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

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

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 Visualização Imagens e cores Cores / Folha estilo CSS

Confirme se ainda necessita de suporte adicional Piscada

Até Mais!

Hitskin.com

Menu de navegação alterando as imagens

Menu de navegação alterando as imagens

Re: Menu de navegação alterando as imagens

Re: Menu de navegação alterando as imagens