Qual é minha questão:
Estava vendo um tópico ( https://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:
https://2img.net/r/ihimizer/img851/9899/exemploe.jpg

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

Versão do meu fórum:
PHPBB3

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?

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:
https://2img.net/r/ihimizer/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?

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!

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

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}

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

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.

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

Podem fechar o tópico já. \o