Menu de navegação torto.

por Sato-Chan 13.11.11 0:35

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:
https://2img.net/h/oi41.tinypic.com/2s92255.png

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

Versão do meu fórum:
PHPBB3

por Oto! 13.11.11 0:39

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

Regras do Fórum, e o que você não deve fazer neste fórum.
Os demais fóruns de Suporte Forumeiros
Lista de Tutoriais e astúcias e Questões frequentes.
Conheça a Staff do Fórum dos Fóruns.
Conheça a função Busca.

Olá!

Nos apresente o código a utilizar.

Até mais!

por Sato-Chan 13.11.11 0:41

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}

por Dury 13.11.11 0:49

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!

por Sato-Chan 13.11.11 1:05

Olha só

https://2img.net/h/oi44.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}

por Dury 13.11.11 1:12

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!

por Sato-Chan 13.11.11 1:28

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

https://2img.net/h/oi44.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}

por Solkis 13.11.11 11:22

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.

por Sato-Chan 13.11.11 14:02

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

Menu de navegação torto.

Menu de navegação torto.

Re: Menu de navegação torto.

Re: Menu de navegação torto.

Re: Menu de navegação torto.

Re: Menu de navegação torto.

Re: Menu de navegação torto.

Re: Menu de navegação torto.

Re: Menu de navegação torto.

Re: Menu de navegação torto.