Hover nos botões da barra de navegação do fórum

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

Resolvido Hover nos botões da barra de navegação do fórum

Mensagem por Boerthon em 19/06/13, 06:24 pm

Qual é minha questão:
Acho que o título do tópico já fala tudo, mas eu gostaria de saber se é possível colocar o efeito de hover nos botões da barra de navegação do fórum (Início, portal, etc...)

Já pesquisei aqui pelo fórum mas não achei nenhum código funcional.
Obrigado!

Endereço do meu fórum:
http://olympia-rpg.forumeiros.com/

Versão do fórum:
PHPBB2


Última edição por Boerthon em 20/06/13, 12:38 pm, editado 2 vez(es)

Boerthon
Nível 7

Masculino
Inscrito dia : 07/04/2013
Mensagens : 81
Pontos Ativos : 129

Ver perfil do usuário http://olympia-rpg.rpgboard.net/

Resolvido Re: Hover nos botões da barra de navegação do fórum

Mensagem por MateusA em 19/06/13, 07:01 pm

Olá!

Ao no link citado como endereço de seu fórum, redireciona para esse link, para ser ajudado, é necessário que o mesmo tenha um fórum.

Seta Se não tiver respostas em 24 horas, o seu tópico será enviado para a lixeira.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Hover nos botões da barra de navegação do fórum

Mensagem por Boerthon em 19/06/13, 08:00 pm

Desculpe, não havia percebido que tinha errado na URL :p
Editado!

Boerthon
Nível 7

Masculino
Inscrito dia : 07/04/2013
Mensagens : 81
Pontos Ativos : 129

Ver perfil do usuário http://olympia-rpg.rpgboard.net/

Resolvido Re: Hover nos botões da barra de navegação do fórum

Mensagem por Sennior em 19/06/13, 09:46 pm

Viva amigo! Muito feliz

Que tipo de efeito deseja? Diga isso à nós por gentileza.

Abraços. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Hover nos botões da barra de navegação do fórum

Mensagem por Boerthon em 20/06/13, 10:04 am

Mikéé, eu gostaria que o efeito fosse que, ao passar o mouse pelo botão de navegação, ele revelasse a sua verdadeira cor (que é dourado nas letras), mas que quando o mouse não estivesse em cima de nenhum dos botões, todos ficassem com um tom de cinza.Neste fórum é possível ver o que quero: escreveu:http://foreverreborn.forumeiros.com/ 

A diferença é que no fórum que passei o efeito quase não "mostra" o botão quando o mouse é passado em cima.

Boerthon
Nível 7

Masculino
Inscrito dia : 07/04/2013
Mensagens : 81
Pontos Ativos : 129

Ver perfil do usuário http://olympia-rpg.rpgboard.net/

Resolvido Re: Hover nos botões da barra de navegação do fórum

Mensagem por MateusA em 20/06/13, 10:10 am

Olá!

Aceda à "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Código:

Código:
jQuery(document).ready(function(){
 jQuery("#i_icon_mini_index").mouseover(function(){
  jQuery("#i_icon_mini_index").attr("src", "http://i.imgur.com/ASqfI.png");
});
 jQuery("#i_icon_mini_index").mouseleave(function(){
  jQuery("#i_icon_mini_index").attr("src", "http://i.imgur.com/t5srN.png");
});
});


Seta No código acima procure por #i_icon_mini_index, deve substituir por alguma class abaixo:

#i_icon_mini_index - Início.
#i_icon_mini_calendar - Calendário.
#i_icon_mini_portal - Portal.
#i_icon_mini_search - Buscar.
#i_icon_mini_members -  Membros.
#i_icon_mini_groups - Grupos
#i_icon_mini_profile - Perfil
#i_icon_mini_message - Mensagem Privada
#i_icon_mini_logout - Sair

Seta Quando for alterar, altere todos, ou seja, tudo que tiver #i_icon_mini_index, você altera por uma class acima, dependendo da class vai modificar o icon.

Seta No código, procure por http://i.imgur.com/ASqfI.png, altere pela imagem que vai aparecer ao passar o mouse.
Seta No código, procure por  http://i.imgur.com/t5srN.png, altere pela imagem do menu normal, sem ser quando passa o mouse.
Seta Investimento: - Em todas as páginas.

Valide.

Até mais. Rindo
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Hover nos botões da barra de navegação do fórum

Mensagem por Boerthon em 20/06/13, 12:38 pm

Funcionou!
Resolvido.

Boerthon
Nível 7

Masculino
Inscrito dia : 07/04/2013
Mensagens : 81
Pontos Ativos : 129

Ver perfil do usuário http://olympia-rpg.rpgboard.net/

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