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

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

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

3 participantes

Ir para baixo

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

Mensagem por Boerthon 19.06.13 22:24

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 16:38, editado 2 vez(es)
avatar
Boerthon
**

Membro desde : 07/04/2013
Mensagens : 81
Pontos : 129

http://olympia-rpg.rpgboard.net/

Ir para o topo Ir para baixo

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

Mensagem por MateusA 19.06.13 23:01

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.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

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

Mensagem por Boerthon 20.06.13 0:00

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

Membro desde : 07/04/2013
Mensagens : 81
Pontos : 129

http://olympia-rpg.rpgboard.net/

Ir para o topo Ir para baixo

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

Mensagem por Sennior 20.06.13 1:46

Viva amigo! Muito feliz

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

Abraços. Piscada
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: Hover nos botões da barra de navegação do fórum

Mensagem por Boerthon 20.06.13 14:04

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.
avatar
Boerthon
**

Membro desde : 07/04/2013
Mensagens : 81
Pontos : 129

http://olympia-rpg.rpgboard.net/

Ir para o topo Ir para baixo

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

Mensagem por MateusA 20.06.13 14:10

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 https://i.imgur.com/ASqfI.png, altere pela imagem que vai aparecer ao passar o mouse.
Seta No código, procure por  https://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
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

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

Mensagem por Boerthon 20.06.13 16:38

Funcionou!
Resolvido.
avatar
Boerthon
**

Membro desde : 07/04/2013
Mensagens : 81
Pontos : 129

http://olympia-rpg.rpgboard.net/

Ir para o topo Ir para baixo

Ir para o topo


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