Menu de navegação torto.

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

Resolvido Menu de navegação torto.

Mensagem por Sato-Chan em 12/11/11, 10:35 pm

Qual é minha questão:
É que agora pouco coloquei aquela barra azul no menu de navegação, só que não fica perfeitamente como o de outro fórum.

Medidas que eu tomei para corrigir o problema:
Códigos que não funcionaram.

Imagens do meu problema:
http://i41.tinypic.com/2s92255.png

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

Versão do meu fórum:
PHPBB3
avatar

Sato-Chan
Nível 2

Masculino
Inscrito dia : 12/11/2011
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Menu de navegação torto.

Mensagem por Oto! em 12/11/11, 10:39 pm

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá!

Nos apresente o código a utilizar.

Até mais!


Última edição por Mr.Helper em 12/11/11, 10:52 pm, editado 1 vez(es)
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Menu de navegação torto.

Mensagem por Sato-Chan em 12/11/11, 10:41 pm

Código:
#page-header .navbar ul.navlinks{width:1012px;height:50px;background:url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat 50% 0%;center:124px;text-align:center;float:center;position:relative}#page-header .navbar ul.navlinks *,#page-header .navbar ul.navlinks *:hover{color:#ffffff!important}
avatar

Sato-Chan
Nível 2

Masculino
Inscrito dia : 12/11/2011
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Menu de navegação torto.

Mensagem por Dury em 12/11/11, 10:49 pm

Olá!

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Na caixa "Buscar", cole o seguinte código:
Código:
      #page-header .navbar ul.navlinks{
Quando encontrar, modifique o primeiro valor que está em 1012. Ou seja, modifique o valor:
width: 1012px;
Ele determina o valor de largura da barra azul de fundo.

Até mais!
avatar

Dury
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário

Resolvido Re: Menu de navegação torto.

Mensagem por Sato-Chan em 12/11/11, 11:05 pm

Olha só

http://i44.tinypic.com/21difmc.png

Código de agora :

Código:
#page-header .navbar ul.navlinks{width:1020px;height:50px;background:url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat 50% 0%;center:124px;text-align:center;float:center;position:relative}#page-header .navbar ul.navlinks *,#page-header .navbar ul.navlinks *:hover{color:#ffffff!important}
avatar

Sato-Chan
Nível 2

Masculino
Inscrito dia : 12/11/2011
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Menu de navegação torto.

Mensagem por Dury em 12/11/11, 11:12 pm

Olá,

Desculpe pela demora. Desta vez, terá que mudar a posição left. O left vai determinar a esquerda do fórum, então pode ver que ele está muito longe.
left: -56px

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: Menu de navegação torto.

Mensagem por Sato-Chan em 12/11/11, 11:28 pm

Agora o lado esquerdo se encaixou direito, e o lado direito não.

http://i44.tinypic.com/bc32g.png

Código usado agora :

Código:
#page-header .navbar ul.navlinks{width:1020px;height:70px;background:url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat 50% 0%;center:124px;text-align:center;float:center;position:relative;left: -38px}#page-header .navbar ul.navlinks *,#page-header .navbar ul.navlinks *:hover{color:#ffffff!important}
avatar

Sato-Chan
Nível 2

Masculino
Inscrito dia : 12/11/2011
Mensagens : 7
Pontos Ativos : 11

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

Resolvido Re: Menu de navegação torto.

Mensagem por Solkis em 13/11/11, 09:22 am

Bom dia,

Tente adicionar este código:
Código:
#wrap {
width: 965px !important;
min-width: 965px !important;
}
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores ->Folha de Estilo CSS

Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Menu de navegação torto.

Mensagem por Sato-Chan em 13/11/11, 12:02 pm

Resolveu ! Valeu Solkis e Jeffrey, Pode fechar. Muito feliz
avatar

Sato-Chan
Nível 2

Masculino
Inscrito dia : 12/11/2011
Mensagens : 7
Pontos Ativos : 11

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

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