Problema com código css #wrap

5 participantes

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

Tópico resolvido Problema com código css #wrap

Mensagem por vinisan07 02.01.13 23:06

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:
Problema com código css #wrap Untitl10
Caso não apareça siga o link: >> https://i.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 23:41, editado 1 vez(es)
vinisan07

vinisan07
Novo Membro

Membro desde : 05/12/2012
Mensagens : 27
Pontos : 37

http://fanartanimes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código css #wrap

Mensagem por [S]herlock 02.01.13 23:12

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 23:13, editado 1 vez(es)
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código css #wrap

Mensagem por Mafioso 02.01.13 23:12

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

Mafioso
Membro

Membro desde : 13/11/2012
Mensagens : 707
Pontos : 903

http://www.brasilplaycity.com.br/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Problema com código css #wrap

Mensagem por seender 02.01.13 23:36

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
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código css #wrap

Mensagem por vinisan07 03.01.13 1:58

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

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

vinisan07
Novo Membro

Membro desde : 05/12/2012
Mensagens : 27
Pontos : 37

http://fanartanimes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código css #wrap

Mensagem por [S]herlock 03.01.13 1:59

Olá ,

Tente este código :

Código:

.wrap {width: 1510px!important;}

Abraços ,
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código css #wrap

Mensagem por vinisan07 03.01.13 2:05

@HugoPimenta
Também não funcionou.
vinisan07

vinisan07
Novo Membro

Membro desde : 05/12/2012
Mensagens : 27
Pontos : 37

http://fanartanimes.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Problema com código css #wrap

Mensagem por seender 03.01.13 2:45

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
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código css #wrap

Mensagem por vinisan07 03.01.13 2:59

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

vinisan07
Novo Membro

Membro desde : 05/12/2012
Mensagens : 27
Pontos : 37

http://fanartanimes.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Problema com código css #wrap

Mensagem por seender 03.01.13 3:07

Olá!

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

Até mais!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código css #wrap

Mensagem por vinisan07 03.01.13 14:45

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://2img.net/i/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://2img.net/i/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;
}
vinisan07

vinisan07
Novo Membro

Membro desde : 05/12/2012
Mensagens : 27
Pontos : 37

http://fanartanimes.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Problema com código css #wrap

Mensagem por Sennior 03.01.13 15:04

Olá!

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

Depois me mande o link de ontem tem o erro.

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

Mensagem por vinisan07 03.01.13 15:16

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!
vinisan07

vinisan07
Novo Membro

Membro desde : 05/12/2012
Mensagens : 27
Pontos : 37

http://fanartanimes.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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