Efeito hover - menu de navegação

4 participantes

Ir para baixo

Tópico resolvido Efeito hover - menu de navegação

Mensagem por Kvothe 12.01.13 17:36

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


Última edição por Kvothe em 24.01.13 0:32, editado 1 vez(es)
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Mafioso 12.01.13 18:47

Mafioso
Mafioso
Membro

Membro desde : 13/11/2012
Mensagens : 707
Pontos : 903

http://www.brasilplaycity.com.br/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 12.01.13 19:08

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...
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 12.01.13 22:58

UP
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por seender 13.01.13 0:53

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

Melhores cumprimentos,
seender
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 13.01.13 1:41

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

Até
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 13.01.13 18:03

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

Obrigado Muito feliz
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por seender 13.01.13 20:18

Olá!

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

Até mais!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 13.01.13 20:44

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

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Sennior 13.01.13 21:27

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 13.01.13 21:43

Tudo bem, me desculpe.

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

Obrigado,
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 14.01.13 15:30

UP
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 15.01.13 0:51

UP
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 15.01.13 14:04

UP Muito feliz
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 16.01.13 18:47

UP
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 17.01.13 15:03

up
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 18.01.13 14:28

UP
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 20.01.13 2:45

up
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 21.01.13 19:55

UP Muito feliz
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por seender 21.01.13 19:58

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 22.01.13 19:32

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

Até!
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por seender 23.01.13 6:28

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover - menu de navegação

Mensagem por Kvothe 24.01.13 0:32

Problema resolvido, até mais e obrigado Muito feliz
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.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