Alongar tamanho menu e cabeçalho

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

Resolvido Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 18/03/13, 04:30 pm

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
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por BrunoH. em 18/03/13, 04:35 pm

Olá,
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
#wrap {width: 76%;}
Altere o valor em negrito até ficar na largura desejada.
e Valide!

Até mais.
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: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 18/03/13, 04:38 pm

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.
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por BrunoH. em 18/03/13, 04:41 pm

Olá,
Desculpe pela minha falta de atenção. Louco
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.
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: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 18/03/13, 04:51 pm

Exatamente o que eu queria Muito feliz
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 ^^
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior em 18/03/13, 09:36 pm

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!
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: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 18/03/13, 10:34 pm

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

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Gaaratsu em 18/03/13, 11:51 pm

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. Piscada


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 19/03/13, 12:12 am

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

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior em 19/03/13, 07:35 pm

Saudações!

O que deseja agora, fiquei confuso Tonto

Até mais! Muito feliz
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: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 19/03/13, 08:22 pm

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


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

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por gustavods em 19/03/13, 08:30 pm

Va em Geral>Forum>Configurações>Estrutura de páginas>Largura do fórum (número ou %) :80%

ou o numero que você ache que fique bom.
avatar

gustavods
Nível 8

Masculino
Inscrito dia : 07/01/2013
Mensagens : 109
Pontos Ativos : 219

Ver perfil do usuário http://www.maisdesign.forumeiros.com https://www.facebook.com/www.maisdesign.forumeiros.com https://twitter.com/www.maisdesign.forumeiros.com

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 19/03/13, 08:31 pm

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
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por gustavods em 19/03/13, 08:34 pm

Sim, meu fórum esta assim so que como a qualidade aqui e boa não da para ver se fica com scroll, mas seu fórum esta como na imagem.
Mas tente fazer o que estou falando deixe ele em 50% para ver.
avatar

gustavods
Nível 8

Masculino
Inscrito dia : 07/01/2013
Mensagens : 109
Pontos Ativos : 219

Ver perfil do usuário http://www.maisdesign.forumeiros.com https://www.facebook.com/www.maisdesign.forumeiros.com https://twitter.com/www.maisdesign.forumeiros.com

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 19/03/13, 08:38 pm

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...
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior em 19/03/13, 09:01 pm

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;
}
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: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 19/03/13, 10:01 pm

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.
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior em 19/03/13, 10:10 pm

Saudações!

Tente com este código:

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


Código:
body{overflow-x:hidden}


Valide.


Até mais. Café
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: Alongar tamanho menu e cabeçalho

Mensagem por Gaaratsu em 19/03/13, 10:22 pm

Olá querido,

Queira checar este tópico:
Após aberto, queira clicar no spoiler e ler o conteúdo que o mesmo proporciona. Muito feliz

Até mais. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 19/03/13, 11:49 pm

@Mikéé escreveu:Saudações!

Tente com este código:

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


Código:
body{overflow-x:hidden}


Valide.


Até mais. Café

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 Muito feliz
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 21/03/13, 05:00 pm

Alguém?
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Gaaratsu em 21/03/13, 05:04 pm

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 :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Aba 'Folha de estilo CSS'
Até mais. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 21/03/13, 10:14 pm

Não funcionou =/
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Gaaratsu em 21/03/13, 10:15 pm

Olá querido,

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

Até mais. Muito feliz


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 22/03/13, 01:02 am

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

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior em 23/03/13, 08:51 pm

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 Seta Visualização Seta Imagens e Cores Seta Cores Seta 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! Muito feliz
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: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 23/03/13, 09:07 pm

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?
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por HermeS. em 23/03/13, 09:09 pm

Olá,

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


Última edição por BryaaN em 23/03/13, 09:11 pm, editado 1 vez(es)
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior em 23/03/13, 09:10 pm

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! Muito feliz
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: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 24/03/13, 01:12 am

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.
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Gaaratsu em 24/03/13, 01:16 am

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
Muito feliz


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 24/03/13, 02:10 am

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.
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Gaaratsu em 24/03/13, 02:12 am

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
Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 24/03/13, 10:35 am

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
avatar

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Gaaratsu em 24/03/13, 12:00 pm

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
Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 em 24/03/13, 01:30 pm

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

driver25
Nível 4

Masculino
Inscrito dia : 18/03/2013
Mensagens : 31
Pontos Ativos : 37

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