Colocar fundo atrás do fórum

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

Resolvido Colocar fundo atrás do fórum

Mensagem por IsmaelS. em 10/10/17, 07:56 pm

Detalhes da questão


Endereço do fórum: http://ismaels.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá!

Eu queria colocar um fundo de outra cor atrás do fórum para não ser todo da mesma cor ou seja algo parecido como isto:


Aqui na FdF o que esta fora do fórum é um tom de cinza e o corpo do fórum é outro, é possível?


Última edição por IsmaelS. em 11/10/17, 03:16 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por Luiz em 10/10/17, 08:10 pm

Adicione em seu CSS:
Código:
html, body {
  background-color: #e6e6e6;
}

#page-body {
  padding-top: 45px;
  width: 80%;
  margin: 0 auto;
  background-color: #f2f2f2;
  margin-top: -32px;
  border: solid 1px #e0e0e0;
  border-top: none;
}

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por IsmaelS. em 10/10/17, 08:14 pm

Resultou porém encolheu o fórum e eu queria esticado apenas a notar um pouco da borda branca de fora e pode esticar de cima a baixo também.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por Luiz em 10/10/17, 08:15 pm

A única maneira de fazê-lo é encolhendo um pouco o fórum.
O senhor pode alterar este valor no código acima:
Código:
width: 80%;
Até ficar ao seu gosto.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por IsmaelS. em 10/10/17, 08:18 pm

Coloquei já como queria, mas agora queria esticar para cima e baixo veja que aqui fica em quadrado:
- http://ismaels.forumeiros.com/f3-teste

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por Luiz em 10/10/17, 08:19 pm

Isso é causado pelo slider, não?
-> http://prntscr.com/gvufs2

Como ele ocupa o tamanho total acaba por prejudicar essa parte.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por IsmaelS. em 10/10/17, 08:23 pm

Mas a parte do fundo não dá para esticar? Depois o topo então o slide tapa.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por Luiz em 10/10/17, 08:28 pm

Mas a parte do fundo não dá para esticar? Depois o topo então o slide tapa.
Não consegui entender. Poderia ser mais específico por favor? o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por IsmaelS. em 11/10/17, 09:01 am

Veja que ele nem chega a tocar no footer:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por Luiz em 11/10/17, 10:33 am

Adicione mais isso em sua CSS:
Código:
.statistics[style="display: none;"] + #pun-foot {
  margin-top: -41px;
}
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por IsmaelS. em 11/10/17, 03:16 pm

Perfeito amigo obrigado!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar fundo atrás do fórum

Mensagem por Luiz em 11/10/17, 03:30 pm

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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

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