Menu de navegação torto.

Item: Menu de navegação torto.
Rating: 1

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}