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

2 participantes

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

Tópico resolvido Efeito simples ao passar o mouse dos botões da navbar

Mensagem por MateusgabrielDS 05.05.13 18:31

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 19:32, editado 1 vez(es)
MateusgabrielDS

MateusgabrielDS
Novo Membro

Membro desde : 03/05/2013
Mensagens : 13
Pontos : 21

http://bcrp.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Efeito simples ao passar o mouse dos botões da navbar

Mensagem por Sennior 05.05.13 18:49

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

Mensagem por MateusgabrielDS 05.05.13 19:26

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

Observe como está agora: https://2img.net/r/ihimizer/img547/1691/semttuloddt.png
MateusgabrielDS

MateusgabrielDS
Novo Membro

Membro desde : 03/05/2013
Mensagens : 13
Pontos : 21

http://bcrp.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Efeito simples ao passar o mouse dos botões da navbar

Mensagem por Sennior 05.05.13 19:28

Saudações!

Adicione este em cima de todos:

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

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 simples ao passar o mouse dos botões da navbar

Mensagem por MateusgabrielDS 05.05.13 19:32

Perfeito, Obrigado pela Ajuda amigo
MateusgabrielDS

MateusgabrielDS
Novo Membro

Membro desde : 03/05/2013
Mensagens : 13
Pontos : 21

http://bcrp.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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