Como deixar meu Fórum assim

[Luis_xD]

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : desde quando criei o forum : /
Endereço do fórum : http://teesteforumeiros.forumeiros.com/

Descrição do problema

Olá galerinha !!! fmz ?

Bom pessoal ja vi esse negocio em varios foruns q eu ja vi, e achei mt Zika, legal, massa e queria fazer isso com meu forum mais so q eu n consigo algum pode me ajuda a fazer ingual o q as flexinhas pretas estão indicando

[Reset]

Olá!

Leia este FAQ:

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

Até mais,
Reset.

[Luis_xD]

Não consegui achar o que eu quero nesse link que voce me passou : /

[Shaman]

Não consegui achar o que eu quero nesse link que voce me passou : /

Poderia explicar melhor o que deseja?

Abs.

[Luis_xD]

Eu queria deixar essa parte q as flexas indicam tipo emcima do plano de fundo

[Shaman]

Olá, adicione isto a seu CSS:

Código:

#page-body {
  margin: 0 5%;
  background: white;
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.52);
  padding: 10px;
}

Até mais!

[Luis_xD]

Bom parça fico certinho de jeito q eu queria mais tem como vc me envia o msm CSS so q centralizado, ficou pro lado Direito : /

[Shaman]

Poderia deixar o código ativo em seu fórum por gentileza?

Até mais!

[Luis_xD]

Malz ae shaman mais so q fica assim olha so --------->

[Shaman]

Olá, sempre preencha o formulário com seu fórum que quer ajuda, sobre sua dúvida, seu fórum Pro Life se encontra assim para mim amigo: https://i.imgur.com/gWOPGen.jpg, deixe o código ativo para ser mais fácil de edita-lo online.

Abs.

[Luis_xD]

vo deixar com esse codigo q tu me passou

[Shaman]

Vamos la, para não bugar vamos mudar de % para px o wrap

Código:

#wrap {
 width: 1700px !Important;
}

Agora o código, remova o anterior e coloque este:

Código:

#page-body {
  -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  background: #fff;
  box-shadow: 1px 1px 14px rgba(0,0,0,0.52);
  padding: 10px;
  width: 1497px !Important;
  text-align: center;
  margin: 85px;
  max-width: 1700px;
  min-width: 1266px;
}

Valide e visualize.

Até mais!

[Luis_xD]

ele fico mais pro lado direito e os texto dentro das categorias ficaram centralizadas

olha so

https://i.servimg.com/u/f19/19/17/45/04/sem_ty12.png

vo deixar meu forum normal como era antes obrigado por tentar me ajudar shamn te agradeço cara

[Shaman]

Esquecemos do margin left important, vamos la, ultima tentativa

Código:

#wrap {
 width: 1700px !Important;
}

#page-body {
  width: 1500px !Important;
  box-shadow: 1px 1px 14px !Important;
  margin-left: 90px !Important;
}

Resultado: https://i.imgur.com/020anzQ.png

Até mais

[iPlay]

Olá tente:

Código:

#wrap {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.2);
  width: 85%;
}
.conteneur_container_IE {
  background-color: rgb(232, 232, 232);
}
#fa_toolbar {
  border-bottom: 20px solid rgb(232, 232, 232);
}

Resulta?

[Luis_xD]

Vlw iplay cara tu e d+ deu certinho, vlw tb shaman por ta tentando me ajudar, adms podem fechar o topico

[Shek]

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