Botoes do menu com imagem hover?

2 participantes

Ir para baixo

Tópico resolvido Botoes do menu com imagem hover?

Mensagem por henriquebr 22.10.11 1:21

Qual é minha questão:
ola pessoal, estava vendo num forum, quando vc passa o mouse por cima da imagem do botao do menu ele fica com as bordas pretas, ou seja muda de img, como se fosse um mouse enter=img tal, mouse leave=img original. Comu faço iso?




Medidas que eu tomei para corrigir o problema:
blabla, si lah

Imagens do meu problema:


Endereço do meu fórum:
rmbr.forumeiros.com

Versão do meu fórum:
PUNBB
henriquebr
henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botoes do menu com imagem hover?

Mensagem por Oto! 22.10.11 1:25

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!
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos