Problema com código css #wrap

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

Resolvido Problema com código css #wrap

Mensagem por vinisan07 em 02/01/13, 09:06 pm

Qual é minha questão:
Bem, primeiramente eu estou fazendo um forum com meu amigo, e fizemos todo o design, só que para nós uma coisa atrapalha, a imagem de fundo aparece em partes onde não deveria, onde a cor azul escuro deveria estar cobrindo, não conseguia resolver, até que mikéé resolveu meu problema, ele passou o seguinte código:
Código:
#wrap {height: 2122px !important;}
Aqui resolveu meu problema, até que meu amigo postou um tópico grande (fichas.), então quando estava lendo, vi que o fundo não foi até o fim, ele foi até o tamanho onde estava programado, então como é que ele vai até o fundo se quando coloca um tamanho grande o fundo vai exageradamente grande e fica com um grande espaço sem nada, e quando é muito pequeno o conteúdo passa do fundo, então minha questão é: "como faço pra o fundo ficar programado no tamanho total sem que exceda o limite de postagem? Pois os tópicos não terão o mesmo tamanho..."

Medidas Tomadas:
Tentei mudar o tamanho, mas não funcionou.

Imagem auxiliar:
A mesma de antes:

Caso não apareça siga o link: >> http://i16.servimg.com/u/f16/16/91/27/66/untitl10.jpg

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

Versão do fórum:
PHPBB3


Última edição por vinisan07 em 03/01/13, 09:41 pm, editado 1 vez(es)
avatar

vinisan07
Nível 4

Masculino
Inscrito dia : 04/12/2012
Mensagens : 27
Pontos Ativos : 37

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

Resolvido Re: Problema com código css #wrap

Mensagem por [S]herlock em 02/01/13, 09:12 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:

.wrapper {width: 1510px!important;}
Altere o valor em negrito até ficar na largura desejada.
e Valide!

Até mais amigo !.


Última edição por HugoPimenta em 02/01/13, 09:13 pm, editado 1 vez(es)
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Problema com código css #wrap

Mensagem por Mafioso em 02/01/13, 09:12 pm

Código:
 #wrap {height: 5000px !important;}
tente por esse código.
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum

Resolvido Re: Problema com código css #wrap

Mensagem por seender em 02/01/13, 09:36 pm

Olá!

Aviso: Não utilize o código fornecido pelo membro, ele só irá alterar o tamanho (altura) do seu fórum, assim podendo deformar algumas personalizações.
Utilize este código:
Código:
#content #main #main-content, #main, #content{background-color:#3e82c2 !important;}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Problema com código css #wrap

Mensagem por vinisan07 em 02/01/13, 11:58 pm

@HugoPimenta
@Mafioso
Eu já tinha feito isso antes quando não tinha ficado no tamanho certo.

@seender
Não funcionou, só mudou as cores. :/
avatar

vinisan07
Nível 4

Masculino
Inscrito dia : 04/12/2012
Mensagens : 27
Pontos Ativos : 37

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

Resolvido Re: Problema com código css #wrap

Mensagem por [S]herlock em 02/01/13, 11:59 pm

Olá ,

Tente este código :

Código:

.wrap {width: 1510px!important;}

Abraços ,
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Problema com código css #wrap

Mensagem por vinisan07 em 03/01/13, 12:05 am

@HugoPimenta
Também não funcionou.
avatar

vinisan07
Nível 4

Masculino
Inscrito dia : 04/12/2012
Mensagens : 27
Pontos Ativos : 37

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

Resolvido Re: Problema com código css #wrap

Mensagem por seender em 03/01/13, 12:45 am

Olá!

Fora os códigos já dados aqui, tens algum outro código na sua folha estilo CSS? verifique também se não há nenhum campo vazio em:
Painel...-> Visualização -> Cores
Se tiver adicione a cor: #3e82c2 e carregue em salvar.

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Problema com código css #wrap

Mensagem por vinisan07 em 03/01/13, 12:59 am

Não, todos os campos estão preenchidos. :/
avatar

vinisan07
Nível 4

Masculino
Inscrito dia : 04/12/2012
Mensagens : 27
Pontos Ativos : 37

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

Resolvido Re: Problema com código css #wrap

Mensagem por seender em 03/01/13, 01:07 am

Olá!

E quando a outra pergunta? tem algum código na folha CSS?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Problema com código css #wrap

Mensagem por vinisan07 em 03/01/13, 12:45 pm

Os códigos na folha de CSS no momento são:
Código:
body {
cursor: url('http://i16.servimg.com/u/f16/16/91/27/66/cursor10.png'), auto;
}
a:hover {
cursor: url('URL CURSOR ANI/CUR'), url('http://i16.servimg.com/u/f16/16/91/27/66/cursor11.png'), auto;
}
::-webkit-scrollbar {
width: 15px; 
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: #3e82c2;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: #13406b; 
border-radius: 10px; 
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #13406b;
}
#avatar {
    height: 140px;
    width: 300px;
}
#chatbox_footer {
background-image: url(http://i16.servimg.com/u/f16/16/91/27/66/chatlo11.png);
}
#chatbox_footer {
background-image: url(http://i16.servimg.com/u/f16/16/91/27/66/chatlo11.png);
}
#chatbox_header {
background-image: url(http://i16.servimg.com/u/f16/16/91/27/66/chatlo11.png);
}
a[href="/u2"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
padding-bottom: 3px; padding-left: 10px;
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #00ff12;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
padding-bottom: 3px; padding-left: 10px;
}
dl.codebox, dl#codebox {
background-color: #000000;
}
#search #keywords {
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 150px;
}
#search-box #keywords {
background-color: white;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: white;
border: 1px solid #D9D9D9;
border-width: 1px;
color: black;
height: 23px;
}
input.search {
background: url(http://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
#search-box{float:left;margin-left:5px;margin-top:3px}#search-box{float:right;margin-right:5px;margin-top:10px;white-space:nowrap}* html #search-box{margin-right:35px}#search-box #keywords{background-color:#fff;width:95px},#search-box input{border:1px solid #BCBCBC}#search-box input.button1{padding:1px 5px}input.search{background:url(http://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;background-position:0 -701px;padding-left:17px}
#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
avatar

vinisan07
Nível 4

Masculino
Inscrito dia : 04/12/2012
Mensagens : 27
Pontos Ativos : 37

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

Resolvido Re: Problema com código css #wrap

Mensagem por Sennior em 03/01/13, 01:04 pm

Olá!

Coloque o código:
#wrap {height: 2122px !important;}

Depois me mande o link de ontem tem o erro.

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: Problema com código css #wrap

Mensagem por vinisan07 em 03/01/13, 01:16 pm

Olá Mikéé,

O problema é esse, ele é um código padrão, que fica para todos, vê a diferença que ele faz nos seguintes links:
Portal: http://shinigamirpg.forumeiros.com/ << Veja que possui um grande espaço em branco.
Fórum: http://shinigamirpg.forumeiros.com/forum << Aqui ele não chega ao fim ele para antes de estatísticas.
Isso acontece com tópicos grandes. :/
Traduzindo: Não Funcionou.


Edit:
Deixa pra lá, já dei um jeito!
avatar

vinisan07
Nível 4

Masculino
Inscrito dia : 04/12/2012
Mensagens : 27
Pontos Ativos : 37

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