Menu bugado

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

Resolvido Menu bugado

Mensagem por Vinicius._. em 05/10/12, 07:48 pm

Qual é minha questão:
Olha como fica o menu tipo bugado vejam na print



Eu quero centralizar o menu e a fonte do menu (Inicio, Portal, FAQ...)

Uso este codigo:

Código:
#page-header .navbar ul.navlinks{background:url(http://img266.imageshack.us/img266/5638/meniu12.png) no-repeat top center;height:55px;left:-29px;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}

Peguei nesse fórum:
http://clamaster.forumbrasil.net/forum

Espero respostas.

GRATO!

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://nvcgames.sampforum.net/

Versão do meu fórum:
PHPBB3
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

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

Resolvido Re: Menu bugado

Mensagem por Sennior em 05/10/12, 07:53 pm

Olá,

Troque teu código por este:

Código:
#page-header .navbar ul.navlinks{background:url(http://img266.imageshack.us/img266/5638/meniu12.png) no-repeat top center;height:55px;left:-29px;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}.linklist.navlinks {position: relative !important;text-align: center !important;}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu bugado

Mensagem por Vinicius._. em 05/10/12, 08:22 pm

Não resultou Mikéeeee
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

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

Resolvido Re: Menu bugado

Mensagem por Sennior em 05/10/12, 08:26 pm

Rindo Desculpe, errei de código. Tente este:


#page-header .navbar ul.navlinks {background: url(http://img266.imageshack.us/img266/5638/meniu12.png) no-repeat top center;height: 55px;left: 146px !important;position: relative;width: 1135px;}

Apenas altere o valor em negrito, até ficar no sitio certo.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu bugado

Mensagem por Vinicius._. em 05/10/12, 08:49 pm

Nem é isso man se fosse só a img eu teria colocado numa boa é que tipo tem o efeito no codigo e tals e o menu ficou bugado, num é melhor arrumar o meu codigo ?

avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

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

Resolvido Re: Menu bugado

Mensagem por Sennior em 05/10/12, 08:54 pm

Ok, veja se este código resulta:

Código:
#page-header .navbar ul.navlinks{background:url(http://img266.imageshack.us/img266/5638/meniu12.png) no-repeat top center;height:55px;left:146;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}.linklist.navlinks {position: relative !important;text-align: center !important;}

Ate mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu bugado

Mensagem por Sr.pepek em 05/10/12, 08:57 pm

Olá ,
Tente este código.

#page-header .navbar ul.navlinks{background:url(#page-header .navbar ul.navlinks{background:url(http://i.imgur.com/FQkqx.gif) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-13px;}) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-13px;}

Até Mais.

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Menu bugado

Mensagem por Vinicius._. em 05/10/12, 09:00 pm

Não resultou Triste nenhum dos dois codigos postados por vcs!
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

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

Resolvido Re: Menu bugado

Mensagem por BrunoH. em 05/10/12, 09:02 pm

Olá!
Tente assim:
#page-header .navbar ul.navlinks{background:url(http://img266.imageshack.us/img266/5638/meniu12.png) no-repeat top center;height:55px;left:-49px;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}
Em Negrito altere os valores do código e valide!

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Menu bugado

Mensagem por Vinicius._. em 05/10/12, 10:43 pm

vlw

Avatar sexy.
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

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