Acertar espaço em branco entre banner

3 participantes

Ir para baixo

Tópico resolvido Acertar espaço em branco entre banner

Mensagem por EDU2010 24.01.18 20:40

Detalhes da questão


Endereço do fórum: http://gestantesonline.com
Versão do fórum: phpBB3

Descrição


Queria acertar este espaço em branco que fica enter o banner e os botões do menu , segue imagem de exemplo
:



Segue IMAGEM

Acertar  espaço em branco entre banner  Sem_ty15
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por Chanp 24.01.18 20:42

Olá,
isso pode ser resolvido de duas maneiras.

01. Aumentar o banner do fórum a ponto de completar as partes brancas.

02. Diminuir a área do banner com Código CSS.

Com qual o senhor deseja prosseguir?

Estou no aguardo,
o/
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por EDU2010 24.01.18 22:01

Diminuir com o CSS e manter o banner do mesmo tamanho
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por Chanp 24.01.18 22:17

Olá novamente,
Aceda a Painel de Controle > Visualização > Cores > Folha de Estilo CSS e adicione no final da sua Folha CSS o seguinte código:
Código:
.headerbar {
height: 175px;
}

Em 175px, altere para a altura do banner desejável. Vá testando aos poucos. Resultou?

o/
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por Chanp 24.01.18 23:07

Olá novamente,
eu estava sem o que fazer e fui analisar melhor o seu caso acessando o seu fórum. Percebi que o problema não é o tamanho do banner que, aliás, está como logo. O problema é o nome do Fórum que você deixou abaixo do logo. Para retirar:

Aceda ao Painel de Controle > Geral > Configurações > Apague o título do seu fórum.

Resultou?
o/
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por Luiz 24.01.18 23:16

Olá,

Adicione em sua Folha de Estilos CSS (de preferência ao final dela).
Código:
#page-header,
#page-header * {
  box-sizing: border-box;
}

#page-header {
  margin: 0 -5px 0 -5px;
}

#logo > img {
  margin: -10px 0px -26px -10px;
  max-width: initial !important;
  width: calc(100% + 10px);
}

#wrap > #page-header > .navbar {
  padding-top: 4px;
}

#wrap > #page-header > .navbar [class*="corners"] {
  visibility: hidden;
}

De preferência ao final dela!

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por EDU2010 25.01.18 0:09

Luiz escreveu:Olá,

Adicione em sua Folha de Estilos CSS (de preferência ao final dela).
Código:
#page-header,
#page-header * {
  box-sizing: border-box;
}

#page-header {
  margin: 0 -5px 0 -5px;
}

#logo > img {
  margin: -10px 0px -26px -10px;
  max-width: initial !important;
  width: calc(100% + 10px);
}

#wrap > #page-header > .navbar {
  padding-top: 4px;
}

#wrap > #page-header > .navbar [class*="corners"] {
  visibility: hidden;
}

De preferência ao final dela!

o/


Com o codigo ficou correto de altura mais de largura ultrapassou da uma olhada ai , mantive o codigo
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por Chanp 25.01.18 9:00

Olá,
a largura do banner está adequada. O senhor se refere á largura da página?

o/
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por EDU2010 25.01.18 9:13

Olá sim , se eu colocar o codigo o banner ultrapassa a largura do lado direito e fica pra fora
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por Luiz 25.01.18 12:38

Beleza, então, remova os códigos passados anteriormente (se já não tiver removido), e adicione este ao final de sua Folha de Estilos:
Código:
#logo {
  display: block;
  padding: 0;
  margin-bottom: -9px;
}

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por EDU2010 25.01.18 16:50

Quase lá , agora ficou com um espaço pequeno como uma linha em branco na parte superior
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por Luiz 25.01.18 17:12

Pode apontar com uma captura de tela (print)?
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por EDU2010 25.01.18 19:16

Acertar  espaço em branco entre banner  9s41l0
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por Luiz 25.01.18 19:33

Beleza, troque o código anterior por:
Código:
#logo {
  display: block;
  margin-bottom: -9px;
  padding: 0;
  margin-top: -11px;
}

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por EDU2010 25.01.18 21:16

Valeu , resolveu , obrigado ! Deus o abençoe
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar espaço em branco entre banner

Mensagem por Luiz 25.01.18 21:23

Disponha. Feliz

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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