Qual é minha questão:
Olá pessoal,

Gostaria de saber se é possível ativer um efeito hover no menu de navegação.

Obrigado!

Endereço do meu fórum:
http://landofhaeron.forumbrasil.net

Versão do fórum:
PHPBB2

Olá, leia https://ajuda.forumeiros.com/t37107-efeito-hover-no-menu-de-navegacao

Não é bem essa questão de opacidade... Tenho 2 imagens para cada botão do menu, uma 'off' e outra que ao passar o mouse sobre o botao, aparecera ela...

UP

Olá!

Sim, porém, terá de fazer parte por parte, veja:

Código:

#i_icon_mini_index:hover{
background-image:url(Endereço-da-imagem-em-modo-hover) !important;
background-repeat: no-repeat !important;
}

Este é o código somente para o botão Início, para todos será assim:

Código:

[url=http://ajuda.forumeiros.com/]#i_icon_mini_index[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_portal[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_faq[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_search[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_members[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_groups[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_profile[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_message[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_logout[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_register[/url]:hover, [url=http://ajuda.forumeiros.com/]#i_icon_mini_login[/url]:hover{
background-image:url(Endereço-da-imagem-em-modo-hover) !important;
background-repeat: no-repeat !important;
}

Caso queira para cada menu terá de ir alterando a parte da classe em vermelho para o nome do menu em inglês:

#i_icon_mini_index:hover

Quando terminar de editar todo o código, cole-o em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender

Obrigdo, irei testar. Se der certo clicarei em Resolvido.

Até

Não está dando certo.. Acho que estou fazendo algo errado, poderia explicar novamente?

Obrigado

Olá!

Qual código está utilizando? (o código acima ficou errado, o segundo código).

Até mais!

Estou usando o segundo, mas não está funcionando...

Saudações!

Amigo, peço por favor, não faça Flooder, tudo bem? Utilize este CSS:

.mainmenu:hover {
Propriedades
}

Em propriedades, altere para o que vai acontecer quando colocado o mouse em cima.

Até mais!

Tudo bem, me desculpe.

Não entendi o que devo fazer, o que coloco em 'Propriedades' ?

Obrigado,

UP

UP

UP

UP

up

UP

up

UP

Olá!

Amigo, quando pedi para falar qual código estava usando pedi para que o postasse aqui dentro da tag code para que eu o analise.

Até mais!

Não estava usando nenhum código, eu usei tentei os que me passou, mas não houve resultado..

Até!

Olá!

Agora que fui ver que os códigos da mensagem anterior foram postados com bug, siga esta mensagem:

Olá!

Sim, porém, terá de fazer parte por parte, veja:

Código:

#i_icon_mini_index:hover{
background-image:url(Endereço-da-imagem-em-modo-hover) !important;
background-repeat: no-repeat !important;
}

Este é o código somente para o botão Início, para todos será assim:

Código:

#i_icon_mini_index:hover,
 #i_icon_mini_portal:hover, #i_icon_mini_faq:hover,
#i_icon_mini_search:hover, #i_icon_mini_members:hover,
#i_icon_mini_groups:hover, #i_icon_mini_profile:hover,
#i_icon_mini_message:hover, #i_icon_mini_logout:hover,
#i_icon_mini_register:hover, #i_icon_mini_login:hover{
background-image:url(Endereço-da-imagem-em-modo-hover) !important;
background-repeat: no-repeat !important;
}

Caso queira para cada menu terá de ir alterando a parte da classe em vermelho para o nome do menu em inglês:

#i_icon_mini_index:hover

Quando terminar de editar todo o código, cole-o em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender

Até mais!

Problema resolvido, até mais e obrigado