Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Sobre o portal
Hoje à(s) 05:32 pm por Kyo Panda

» Como que adiciono Scritp's no Fórum
Hoje à(s) 02:59 pm por Luiz

» Avatar Gif
Hoje à(s) 02:51 pm por Luiz

» [DÚVIDA] Gerador de formulários 2.0
Hoje à(s) 02:49 pm por Luiz

» Como mudar esta imagem
Hoje à(s) 02:33 pm por Luiz

» Gerir assinatura nos tópicos
Hoje à(s) 01:16 pm por Luiz

» [Addon] Plugin /mute no chatbox
Hoje à(s) 12:12 pm por Tripa_Grossa

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz
 
Kyo Panda
 
Shek
 
Dr.
 
Sennior
 
Chrono Trigger
 
Cannabis._.
 
Harleen
 
Tiger
 
CAI0
 

Quem está conectado
254 usuários online :: 8 usuários cadastrados, 1 Invisível e 245 Visitantes :: 2 Motores de busca

admin186, Dr., Jefferson105, Kyo Panda, LanternaV2, Luiz, valverde, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Personalizar menu

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

Resolvido Personalizar menu

Mensagem por Faeel em 15/03/15, 10:11 pm

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://teste98.forumeiros.com

Descrição do problema

Olá!

gostaria do efeito da imagem no menu do meu fórum, o efeito esta no site da Forumeiros.

Link de onde vi http://www.forumeiros.com/#tab-1

Até mais!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Reset em 15/03/15, 10:53 pm

Saudações,

Aceda à sua Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
a.mainmenu {
-webkit-transform: translateZ(0);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-bottom: 0px solid rgba(255, 255, 255, 0.6);
padding-bottom: 10px;
margin-top: 0;
color: white;
}

Coloque no inicio de teu CSS.

Até mais.
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1452

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar menu

Mensagem por Faeel em 16/03/15, 06:34 pm

Olá!

ficou legal, quero mais uma alteração, que a barra vermelha do hover aparecesse na parte de baixo do menu.
http://prntscr.com/6ho1ve
Até mais!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Hancki em 16/03/15, 06:58 pm

Olá!

Adicione mais este CSS:
Código:
#pun-navlinks a:hover {
      border-top: 0px!important;
      border-bottom: 3px solid red !important;
}
#pun-navlinks {
    padding-bottom: 10px !important;
}
Resultado: http://prntscr.com/6hofzd

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar menu

Mensagem por Faeel em 16/03/15, 07:20 pm

Olá!

o senhor poderia deixar tipo a imagem? alargar o hover um pouco (pouca coisa) e deixar a barra vermelha daquele tipo da imagem abaixo, e na parte marcada em amarelo deixar por completo em cima o hover.
Imagem: http://prntscr.com/6hor49
Espero que entenda.... Até mais!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Hancki em 16/03/15, 07:21 pm

Então use apenas este trecho do código que já tinha dado:
Código:
#pun-navlinks a:hover {
      border-top: 0px!important;
      border-bottom: 3px solid red !important;
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar menu

Mensagem por Faeel em 16/03/15, 07:27 pm

Olá!

a parte do hover marcada por amarelo quero que fique por inteira.

Até mais!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Hancki em 16/03/15, 07:35 pm

Agora entendi Feliz

Use mais este:
Código:
#pun-navlinks a {
        padding-top: 18px !important;
}
Resultado: http://prntscr.com/6hoyx9

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar menu

Mensagem por Faeel em 16/03/15, 07:38 pm

Olá!


Sim ficou perfeito, mas meio estranho ficou meu menu, poderia adicionar figamos uma pequena linha no meio dos menus ali? ex: http://prntscr.com/6hp075
Ah, e destacar um pouco mais a letra, tipo Assim
Até mais!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Hancki em 16/03/15, 08:08 pm

Com mais este código fica bem bonito até!
Código:
#pun-navlinks a {
        font-weight: bold;
        margin-left: 20px !important;
}
#pun-navlinks li {
        border-right: 1px solid white;
        padding-bottom: 8px !important;
}
Resultado: http://prntscr.com/6hpeg8

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar menu

Mensagem por Faeel em 16/03/15, 08:16 pm

Olá!

aqui não ficou muito perfeito, o menu ficou mais para a esquerda das barras, teria como deixar ele centralizado nas barras, e o hover inteiro?

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Hancki em 16/03/15, 08:16 pm

Pode mostrar por print como deseja? É mais fácil!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar menu

Mensagem por Faeel em 16/03/15, 08:23 pm

Assim: http://prntscr.com/6hpkcl
o hover do menu por inteiro como na imagem acima, e o texto dos menus centralizado no seu local.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Hancki em 16/03/15, 09:33 pm

Não consegui fazer com que o fundo ficasse totalmente preenchido até à borda... mas consegui centrar!

Código:
#pun-navlinks li a.mainmenu {
        margin-left: 20px !important;
}

Resultado:


Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar menu

Mensagem por Faeel em 16/03/15, 09:57 pm

Utilizei um código para retirar alguns menus, e deu erro, pode arrumar? http://prntscr.com/6hqk8n

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Sennior em 17/03/15, 03:51 am

Saudações! Muito feliz

Adicione o código abaixo no INICIO de teu CSS, creio que terá que retirar o outro que esta com a função hover:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
#pun-navlinks li:hover {border-bottom: 3px solid #1582C6!important;background: #525151!important;padding-bottom: 19px!important;padding-top: 13px!important;position: relative!important;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16300
Pontos Ativos : 20787

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar menu

Mensagem por Faeel em 17/03/15, 07:33 pm

Quando eu passo o mouse ele não apresenta o hover, mas quando eu clico no hover ele aparece deste modo, http://prntscr.com/6i3fo3

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Hancki em 17/03/15, 07:52 pm

Olá!

Vi que parece corrigido: http://prntscr.com/6i3ook
Já não quer mais nenhuma modificação?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar menu

Mensagem por Faeel em 17/03/15, 07:59 pm

Não amigo, nada resolvido, veja aqui o mouse esta fora do link lá http://prntscr.com/6i3r1w e aqui ele esta em cima, eu gostaria que ele ficasse todo como esta imagem http://prntscr.com/6i3r5e.

Espero que entenda... é meio confuso mesmo..

Até!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Hancki em 17/03/15, 08:08 pm

Será assim: http://prntscr.com/6i3vxc ?
Se sim, remova o código dado acima pelo Sennior e coloque este:
Código:
#pun-navlinks li a.mainmenu {
  border: 0px !important;
  background: none !important;
}
#pun-navlinks li:hover {
  cursor:pointer;
  border-left: 1px solid white;
  margin-left: -1px !important;
  background: #525151!important;
  border-bottom: 3px solid red!important;
  padding-bottom: 19px!important;
  padding-top: 13px!important;
  position: relative!important;
}

É isso?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar menu

Mensagem por Sennior em 19/03/15, 03:13 am

Ou então... Envergonhado Pode ir no seu CSSe tirar este código e tentar com o meu... Feliz
Código:
#pun-navlinks a:hover {
  background: none repeat scroll 0 0 #4D4D4D;
  border-bottom: 3px solid red!important;
  border-top: 0!important;
  color: #fff!important;
  padding-bottom: 11px!important;
}

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16300
Pontos Ativos : 20787

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar menu

Mensagem por Faeel em 19/03/15, 06:43 pm

não é oque quero...

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Gaaratsu em 28/03/15, 01:23 pm

Segundo o regulamento do setor de suporte, tópicos com mais de 7 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico:
Regras para a postagem de dúvidas

Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 7 dias.
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.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