Efeito simples ao passar o mouse dos botões da navbar

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

Resolvido Efeito simples ao passar o mouse dos botões da navbar

Mensagem por MateusgabrielDS em 05/05/13, 02:31 pm

Qual é minha questão:
Queria saber como fazer o efeito igual o do Forumeiros que quando vc passa o mouse em cima de um botão, em baixo dele é inserida uma imagem.
Obs: Não é necessário imagens.

Endereço do meu fórum:
http://bcrp.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por MateusgabrielDS em 05/05/13, 03:32 pm, editado 1 vez(es)
avatar

MateusgabrielDS
Nível 2

Masculino
Inscrito dia : 03/05/2013
Mensagens : 13
Pontos Ativos : 21

Ver perfil do usuário http://bcrp.forumeiros.com/

Resolvido Re: Efeito simples ao passar o mouse dos botões da navbar

Mensagem por Sennior em 05/05/13, 02:49 pm

Saudações!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Código:
.mainmenu:hover {
background: none 0px 0px repeat scroll rgb(104, 104, 104);
box-shadow: rgb(146, 150, 153) 0px 0px 4px inset;
outline-width: medium;
outline-style: none;
outline-color: initial;
padding: 12px 12px 10px;
}

Valide.


Até mais.
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: Efeito simples ao passar o mouse dos botões da navbar

Mensagem por MateusgabrielDS em 05/05/13, 03:26 pm

Obrigado, Funcionou, mas sabe me dizer como deixo ele do tamanho da linha? (em altura)?

Observe como está agora: http://img547.imageshack.us/img547/1691/semttuloddt.png
avatar

MateusgabrielDS
Nível 2

Masculino
Inscrito dia : 03/05/2013
Mensagens : 13
Pontos Ativos : 21

Ver perfil do usuário http://bcrp.forumeiros.com/

Resolvido Re: Efeito simples ao passar o mouse dos botões da navbar

Mensagem por Sennior em 05/05/13, 03:28 pm

Saudações!

Adicione este em cima de todos:

Código:
.mainmenu {
padding: 5px !Important;
}

Até mais.
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: Efeito simples ao passar o mouse dos botões da navbar

Mensagem por MateusgabrielDS em 05/05/13, 03:32 pm

Perfeito, Obrigado pela Ajuda amigo
avatar

MateusgabrielDS
Nível 2

Masculino
Inscrito dia : 03/05/2013
Mensagens : 13
Pontos Ativos : 21

Ver perfil do usuário http://bcrp.forumeiros.com/

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