Alongar tamanho menu e cabeçalho

+2
BrunoH.
driver25
6 participantes

Ir para baixo

Tópico resolvido Alongar tamanho menu e cabeçalho

Mensagem por driver25 18.03.13 19:30

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

Obrigado pela atenção ^^

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

Versão do fórum:
PHPBB3
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por BrunoH. 18.03.13 19:35

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 18.03.13 19:38

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.
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por BrunoH. 18.03.13 19:41

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 18.03.13 19:51

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 ^^
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior 19.03.13 0:36

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 19.03.13 1:34

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

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Konai 19.03.13 2:51

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 19.03.13 3:12

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

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior 19.03.13 22:35

Saudações!

O que deseja agora, fiquei confuso Tonto

Até mais! Muito feliz
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 19.03.13 23:22

Eu so quero deixar o fórum como está na imagem
Alongar tamanho menu e cabeçalho Almentar

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

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por gustavods 19.03.13 23:30

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.
gustavods
gustavods
***

Membro desde : 07/01/2013
Mensagens : 109
Pontos : 219

http://www.maisdesign.forumeiros.com https://www.facebook.com/www.maisdesign.forumeiros.com https://twitter.com/www.maisdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 19.03.13 23:31

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

Eu so quero deixar o fórum como está na imagem
Alongar tamanho menu e cabeçalho Almentar

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
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por gustavods 19.03.13 23:34

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.
gustavods
gustavods
***

Membro desde : 07/01/2013
Mensagens : 109
Pontos : 219

http://www.maisdesign.forumeiros.com https://www.facebook.com/www.maisdesign.forumeiros.com https://twitter.com/www.maisdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 19.03.13 23:38

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...
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior 20.03.13 0:01

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;
}
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 20.03.13 1:01

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.
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior 20.03.13 1:10

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é
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Konai 20.03.13 1:22

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 20.03.13 2:49

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?
Alongar tamanho menu e cabeçalho Removeo

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
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 21.03.13 20:00

Alguém?
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Konai 21.03.13 20:04

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 22.03.13 1:14

Não funcionou =/
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Konai 22.03.13 1:15

Olá querido,

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

Até mais. Muito feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 22.03.13 4:02

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

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior 23.03.13 23:51

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 24.03.13 0:07

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?
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por HermeS. 24.03.13 0:09

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 24.03.13 0:11, editado 1 vez(es)
HermeS.
HermeS.
****

Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Sennior 24.03.13 0:10

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 24.03.13 4:12

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.
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Konai 24.03.13 4:16

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 24.03.13 5:10

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.
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Konai 24.03.13 5:12

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 24.03.13 13:35

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
driver25
driver25
*

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por Konai 24.03.13 15:00

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alongar tamanho menu e cabeçalho

Mensagem por driver25 24.03.13 16:30

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

Membro desde : 18/03/2013
Mensagens : 31
Pontos : 37

http://testesalheios.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos