Alongar tamanho menu e cabeçalho

Qual é minha questão:
Olá, meu primeiro post por aqui e gostaria de pedir uma ajuda a vocês, estou fazendo um fórum que atualmente está neste link:

http://testesalheios.forumeiros.com/

Esse é o atual estado dele, gostaria de saber como faço pra alongar a a´rea do menu e do cabeçalho por exemplo:


Obrigado pela atenção ^^

Endereço do meu fórum:
http://testesalheios.forumeiros.com

Versão do fórum:
PHPBB3

Olá,
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

#wrap {width: 76%;}

Altere o valor em negrito até ficar na largura desejada.
e Valide!

Até mais.

Mais isso aumenta o fórum todo... Eu quero aumentar apenas a área do cabeçalho e do menu, estilo na imagem.

Obrigado pela atenção.

Olá,
Desculpe pela minha falta de atenção.
Substitua o código por este:

Código:

.navbar {
width: 166.7%;
margin-left: -35%;
position: relative;
margin-top: -1%;
}
.headerbar {
width: 168%;
margin-left: -35%;
}

Até mais.

Exatamente o que eu queria
Mais tem um pequeno problema em relação ah este código...

Se a resolução do meu monitor for menor ele fica com scroll para os lados <<<<;>>> ai acaba danificando o layout =/
Não teria como arrumar isso?

Outra pequena coisa que notei é que ficou um espaço em cima do logo para o inicio da pagina, não teria como remover isso?

Pode verificar aqui:
http://testesalheios.forumeiros.com/

Obrigado novamente ^^

Saudação!

Porque não usa automaticamente? Porque então não aumenta o fórum todo. Veja este código CSS:

Código:

.headerbar {
margin-left: auto;
width: auto !important;
}

O código abaixo aumenta o fórum por todo:

Código:

#wrap {
width: 973px!important;
}

Também é um CSS.

Até mais!

Desculpa cara mais não quero o fórum todo, apenas quero deixa-lo como mostra a imagem =/

Olá,

Tente substituir o código do nosso amigo BrunoH, por este:

Código:

.navbar {
width: 166.7% !important;
margin-left: -35% !important;
position: relative !important;
margin-top: -0% !important;
}
.headerbar {
width: 168% !important;
margin-left: -35% !important;
}

Até mais.

Obrigado pela intenção Dr.House mais não mudou nada =/

Saudações!

O que deseja agora, fiquei confuso

Até mais!

Eu so quero deixar o fórum como está na imagem


O código que você passou não alterou nada.

Vocês não estão entendendo...

Eu so quero deixar o fórum como está na imagem


Alongar apenas um menu e o cabeçalho mais o fórum permanece no msm tamanho, deixar grande para todas resolução sem ficar com barra de scroll quando a resolução for menor.

Aqui tem um exemplo:
http://migre.me/dKPo2

Ele está como na imagem mais pra quem tem uma resolução menor fica com scroll na horizontal...

Só quero que ele se adapte para todas resoluções...

Saudação!

Peço desculpa por não estar entendo... Tente este CSS, coloque no inicio do teu CSS:

Código:

.headerbar {
width: 1572px;
left: -111px;
position: relative;
}

.navbar {
width: 1580px;
left: -123px;
}

Olha cara o que eu quero ja foi resolvido no código do Bruno o problema é so que pra quem tem resolução menor... ele ta com barra de scroll na horizontal.

Você pode ver isso deixando a janela do navegador pequena e entrando no fórum ele fica com scroll na horizontal.

Eu so quero agora que quando alguém com resolução menor "EX 1024x768" não apareça barra de scroll por causa disso.
Deu pra entender agora?

Agradeço a atenção de todos vocês.

Saudações!

Tente com este código:

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS


Código:

body{overflow-x:hidden}

Valide.

Até mais.

Olá querido,

Queira checar este tópico:

https://ajuda.forumeiros.com/t65803-

Após aberto, queira clicar no spoiler e ler o conteúdo que o mesmo proporciona.

Até mais.

Mikéé escreveu:Saudações!

Tente com este código:

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS


Código:

body{overflow-x:hidden}

Valide.

Até mais.

Perfeito cara isso mesmo que eu queria muito obrigado.

Agora só mais uns probleminhas :S
1 Como faço pra remover esse espaço do inicio do fórum para o cabeçalho?


2 Outra coisa que notei é que o rodapé aumentou,teria como fazer ele voltar ao tamanho normal?

3 Outra coisa que notei é que nunca vai ficar com scroll na horizontal, mesmo se o fórum não estiver tudo visível, teria como setar uma tamanho para da pra ver o fórum todo?

PS: Dr.House obrigado pela intenção, mais já resolveu o problema

Alguém?

Olá querido,

Queira adicionar este código à sua CSS:

Código:

#page-header .headerbar .navbar{position: fixed; top: 0px; left: 0px; width: 100%;

Aceda à:

Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Até mais.

Não funcionou =/

Olá querido,

Tente este:

Código:

#page-header .headerbar .navbar{position: fixed; top: 0px; left: 0px; width: 100%;}

Até mais.

Eu já tinha adicionado o "}" mesmo assim não funciona :S

Saudações!

Desculpe pela demora, se quiser da próxima poderá me mandar um MP. Para isso aceda à teu CSS com o código abaixo:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.headerbar {
position: relative;
top: -7px;
}.navbar {
position: relative;
top: -4px;
}

Coloque o código no inicio de teu CSS.

Até mais!

Perfeito Mikee, agora você poderia me informar minhas outras dúvidas?

2 Outra coisa que notei é que o rodapé aumentou,teria como fazer ele voltar ao tamanho normal?

3 Outra coisa que notei é que nunca vai ficar com scroll na horizontal, mesmo se o fórum não estiver tudo visível, teria como setar uma tamanho para da pra ver o fórum todo?

Olá,

É permitido apenas uma dúvida por tópico.
e se a dúvida por resolvida, aperte no botão "resolvido",
Até mais.

Saudação!

Para isso amigo, crie novos tópicos para que possa aceder à suporte mútuo, pelo motivo que não são aceitos duas dúvidas no mesmo tópico.

Até mais!

Isso é sobre a mesma coisa por o código que o Mikéé postou ele tem em erro, ele numa vai aparecer a barre de scroll mesmo se o visitante não estiver vendo o fórum todo.

Eu quero que se a resolução dele for pequena a ponto que ele não consiga enxergar todo fórum a barra apareça para que ele possa ver todo conteúdo dos tópicos.

Olá querido,

Adicione este código ao teu CSS:

Código:

#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
background-image: url(http://i44.servimg.com/u/f44/14/34/94/20/barron10.jpg);
clear: both;
margin-left: -35%;
margin-top: 0%;
padding: 0px 10px;
position: relative;
top: 0px;
width: 166.7%;
}

Cordialmente,
Dr.House

House funcionou para o lado esquerdo mais o direito ficou gigante e ele so aumentou o menu eu gostaria que ele aumentasse também a área do logo como o do mike.

Olá querido,

Substitua o código anterior por este:

Código:

#page-footer, .headerbar, div.navbar, div.navbar ul.linklist {
display: block !important;
background-image: url(http://i44.servimg.com/u/f44/14/34/94/20/barron10.jpg);
clear: both;
margin-left: -35%;
margin-right: -35%;
margin-top: 0%;
padding: 0px 10px;
position: relative;
top: 0px;
width: 166.7%;
}

Cordialmente,
Dr.House

Mesma coisa continua um scroll gigante para a direita, agora a imagem de fundo do menu foi para o cabeçalho, bagunçou tudo. :S

Olá senhor,

Tente este aqui:

Código:

.headerbar {
background-color: #12A3EB;
background-image: url(http://i43.servimg.com/u/f43/16/63/75/54/brandi11.png);
color: #FFF;
height: 100px;
margin-left: -15px;
margin-right: -15px;
}
#page-header .navbar {
background-image: url(http://i47.servimg.com/u/f47/16/87/99/88/2yo3gx10.png);
height: 51px;
margin-left: -15px;
margin-right: -15px;
margin-top: -4px;
padding: 0 10px;
}
body {
background-color: #D8DDE8;
background-image: url(http://i43.servimg.com/u/f43/16/63/75/54/bg_for10.png);
background-repeat: repeat-x;
height: 100%;
margin-top: 3px;
}

Cordialmente,
Dr.House

O rodapé ficou no tamanho exato já o resto fez uma grande bagunça, ficou um por cima do outro.