Como personalizar o menu?

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

Resolvido Como personalizar o menu?

Mensagem por - Lucas em 31/12/11, 09:45 am

Qual é minha questão:
Estava vendo um tópico ( http://ajuda.forumeiros.com/t50471-como-personalizar-menu-de-navegacao ) e tentei o último código postado, funcionou, mas na hora do menu passar pelo avatar de algum usuário o avatar fica em cima do menu, como se fosse um bug. Alguém pode me ajudar como deixar o menu sobreposto acima de qualquer coisa?

Medidas que eu tomei para corrigir o problema:
Tentar alterar o código

Imagens do meu problema:
http://img851.imageshack.us/img851/9899/exemploe.jpg

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

Versão do meu fórum:
PHPBB3
avatar

- Lucas
Nível 4

Masculino
Inscrito dia : 01/10/2011
Mensagens : 28
Pontos Ativos : 53

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

Resolvido Re: Como personalizar o menu?

Mensagem por Dury em 31/12/11, 08:32 pm

Olá,

Perdão, mas não pude compreender o que deseja. Verifiquei em seu fórum e não parece haver nenhum problema com o código. Poderia ser mais específico?
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Como personalizar o menu?

Mensagem por - Lucas em 31/12/11, 09:53 pm

Como eu mostrei na imagem, quando a barra do menu com "Início, Portal..." que adicionei com o código deste tópico passa em cima dos avatares dos usuários fica assim:
http://img851.imageshack.us/img851/9899/exemploe.jpg

Parece que esse erro acontece quando a barra passa em cima de um link, queria saber se tem um jeito de deixar o menu ACIMA de qualquer coisa, pra não dar erros daquele jeito.

Usei o código que você, Jeffrey, postou no tópico:


Código:
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:absolute;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i22.servimg.com/u/f22/16/02/78/48/active10.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}

Poderia me ajudar com o problema da imagem? Tem algum código para adicionar e a barra ficar acima de links? Muito feliz
avatar

- Lucas
Nível 4

Masculino
Inscrito dia : 01/10/2011
Mensagens : 28
Pontos Ativos : 53

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

Resolvido Re: Como personalizar o menu?

Mensagem por Dury em 31/12/11, 09:58 pm

Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Substitua por este código:
Código:
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:fixed;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i22.servimg.com/u/f22/16/02/78/48/active10.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}
Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Como personalizar o menu?

Mensagem por - Lucas em 31/12/11, 10:10 pm

Obrigado, Jeffrey. Mas infelizmente não funcionou, continua o mesmo problema na hora que a barra passa por cima de links.
avatar

- Lucas
Nível 4

Masculino
Inscrito dia : 01/10/2011
Mensagens : 28
Pontos Ativos : 53

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

Resolvido Re: Como personalizar o menu?

Mensagem por Dury em 31/12/11, 10:24 pm

Tente esse:
Código:
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:absolute;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i22.servimg.com/u/f22/16/02/78/48/active10.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Como personalizar o menu?

Mensagem por - Lucas em 31/12/11, 11:02 pm

O problema é que esse código não movimenta a barra junto com o scroll, ela apenas fica parada. D: Mas se não tiver um jeito de a barra passar pelos links sem dar bug, tudo bem. XD
avatar

- Lucas
Nível 4

Masculino
Inscrito dia : 01/10/2011
Mensagens : 28
Pontos Ativos : 53

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

Resolvido Re: Como personalizar o menu?

Mensagem por Luciano98 em 02/01/12, 02:20 am

Olá!

Substitua o último código passado, por esse:
Código:
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:fixed;right:0;text-align:center;top:0;z-index:1!important}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i22.servimg.com/u/f22/16/02/78/48/active10.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como personalizar o menu?

Mensagem por - Lucas em 02/01/12, 10:38 am

Perfeito, resolveu totalmente o meu problema com o código!
Muito obrigado, Luciano. *-*

Podem fechar o tópico já. \o
avatar

- Lucas
Nível 4

Masculino
Inscrito dia : 01/10/2011
Mensagens : 28
Pontos Ativos : 53

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

Resolvido Re: Como personalizar o menu?

Mensagem por Bluebell Kal EL em 02/01/12, 11:53 am

meu forum ja ficou assim! mais ja consegui arrumar
avatar

Bluebell Kal EL
Nível 10

Masculino
Inscrito dia : 15/12/2011
Mensagens : 255
Pontos Ativos : 344

Ver perfil do usuário http://bestgame.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