Efeito no menu

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

Resolvido Efeito no menu

Mensagem por TheDrunK em 13/05/15, 07:01 pm

Eu coloquei esse efeito no menu do meu fórum
Código:
a.mainmenu:hover {
  background: rgba(0, 0, 0, 1);
  padding: 6px 6px 6px 6px;
}
Só que as letras ficam se mexendo, eu queria que não mexesse, pq quando passa o mouse fica estranho...
Segue o fórum: http://forumgroove145.forumeiros.com/
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Efeito no menu

Mensagem por Shaman em 13/05/15, 07:21 pm

Olá, remova o padding, troque o código por este:

Código:
a.mainmenu:hover {
  background: rgba(0, 0, 0, 1);
}

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Efeito no menu

Mensagem por TheDrunK em 13/05/15, 07:31 pm

Mas o efeito fica menor, como faço pra ficar o quadrado certo ?
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Efeito no menu

Mensagem por Shaman em 13/05/15, 07:43 pm

Troque por este código:

Código:
.linklist.navlinks a {
  color: #FFF;
  padding: 6px 7px;
  text-shadow: 1px 1px 0 #242424;
}

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Efeito no menu

Mensagem por TheDrunK em 13/05/15, 07:53 pm

Nada man.
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Efeito no menu

Mensagem por Shaman em 13/05/15, 09:52 pm

Troque por este:

Código:
.linklist.navlinks a {
  color: #FFF !Important;
  padding: 6px 7px !Important;
  text-shadow: 1px 1px 0 #242424 !Important;
}

Resulta? Rindo
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Efeito no menu

Mensagem por TheDrunK em 13/05/15, 09:59 pm

Nada man, esse code eu já tinha e ele é pra modificar o menu, não tem efeito algum.
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Efeito no menu

Mensagem por Shaman em 13/05/15, 10:36 pm

Desculpe, esqueci do hover, troque por este:

Código:
.linklist.navlinks a:hover {
 background: black !Important;
}
Até mais!


Última edição por Shaman em 13/05/15, 10:56 pm, editado 1 vez(es)
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Efeito no menu

Mensagem por TheDrunK em 13/05/15, 10:52 pm

Resultou, muito obrigado.
Resolvido.
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Efeito no menu

Mensagem por Shaman em 13/05/15, 10:59 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

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