Como personalizar o menu?

4 participantes

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

Tópico resolvido Como personalizar o menu?

Mensagem por - Lucas 31.12.11 11:45

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
- Lucas

- Lucas
Novo Membro

Membro desde : 01/10/2011
Mensagens : 28
Pontos : 53

http://sociedadeanimes.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como personalizar o menu?

Mensagem por Dury 31.12.11 22:32

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?
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar o menu?

Mensagem por - Lucas 31.12.11 23:53

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? Muito feliz
- Lucas

- Lucas
Novo Membro

Membro desde : 01/10/2011
Mensagens : 28
Pontos : 53

http://sociedadeanimes.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como personalizar o menu?

Mensagem por Dury 31.12.11 23:58

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
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar o menu?

Mensagem por - Lucas 01.01.12 0:10

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

- Lucas
Novo Membro

Membro desde : 01/10/2011
Mensagens : 28
Pontos : 53

http://sociedadeanimes.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como personalizar o menu?

Mensagem por Dury 01.01.12 0:24

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}
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar o menu?

Mensagem por - Lucas 01.01.12 1:02

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
- Lucas

- Lucas
Novo Membro

Membro desde : 01/10/2011
Mensagens : 28
Pontos : 53

http://sociedadeanimes.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como personalizar o menu?

Mensagem por Luciano98 02.01.12 4:20

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.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar o menu?

Mensagem por - Lucas 02.01.12 12:38

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

Podem fechar o tópico já. \o
- Lucas

- Lucas
Novo Membro

Membro desde : 01/10/2011
Mensagens : 28
Pontos : 53

http://sociedadeanimes.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar o menu?

Mensagem por Bluebell Kal EL 02.01.12 13:53

meu forum ja ficou assim! mais ja consegui arrumar
Bluebell Kal EL

Bluebell Kal EL
****

Membro desde : 15/12/2011
Mensagens : 255
Pontos : 344

http://bestgame.forumeiros.com/

Ir para o topo Ir para baixo

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


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