Problema Largura do Fórum

[aderesseMembro]

Pessoal estou aqui para tirar uma duvida se
tem como eu aumentar a Largura do meu fórum
Já fui em Painel de Controle/Geral/Configuração/ Estrutura de Paginas e Aumentei os % e tentei também por
números normais como Está em 78% Mudei para 90%,100% e números normais sem porcetagem mais Não adianta
Não sai do Lugar fica a mesma Largura algem sabe como melhorar isso ?

Imagen com exemplo do Fórum !

[ThothMembro ativo]

Poderia mostrar-me seu css?
Certamente a modificação deve ser feita no css, desse modo, poderemos estar analisando-o e dando-lhe uma solução.

Mas, tente isso:

Painel de Controle Visualizações Imagens e cores
cores Folha estilo css.

Adicione o código abaixo:

#wrap {width: 1000px;}

Modifique o valor em vermelho para o qual agradar-lhe mais.

[aderesseMembro]

Meu CSS

Código:

/* Body - Wrap - Headerbar - Logo - Descripcion */

body {
    background: url("http://i46.servimg.com/u/f46/12/26/44/81/body28.png") repeat-x scroll center top #f6fafc;
}

#wrap {
    background-color: #FFFFFF;
    background-image: url(""); repeat-y scroll 0 0 transparent;
    background-repeat: repeat-x;
    margin-bottom: 30px;
    margin-top: 180px;
    min-width: 700px;
    padding: 5px 9px 5px;
    width: 960px;
}

.headerbar { margin-top: -125px; }

#logo {
  display: inline;
float: left;
position: relative;
top: -37px;
left: -21px;
}

/* Fin */


/* Panel (Row General) */

.panel {
    background-color: #f5f9fc;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #deeaf5;
    border-radius: 8px 8px 8px 8px;
}

/* PORTAL Y FOROS */

.forabg, .forumbg {
    background-color: #FBFBFB;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-top: 0px solid #dddddd;
    border-bottom: 1px solid #c2d2df;
    border-left: 1px solid #c2d2df;
    border-right: 1px solid #c2d2df;
    border-radius: 8px 8px 8px 5px;
}

.forabg span.corners-top span, .forumbg span.corners-top span {
    background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/forobg12.png");
    background-position: top;
    height: 65px; }

.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
    background: #77a9d5 url("");
    background-position: top;
    border-bottom: 1px solid #c4c4c4;
    height: 6px; }

.header{ padding-top: 1px; height: 55px; }

li.row {
    border-bottom: 1px solid #c2d2df;
    border-top: 1px solid #c2d2df;
    position: relative; left: -5px;
    width: 958px;
    min-width: 750px;
}

.row {
    background-color: #FFFFFF;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    left: -5px;
    min-width: 750px;
    position: relative;
    width: 958px;
}

.module, .post {   
    background-color: #FBFBFB;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #c2d2df;
}

.module span.corners-top, .post span.corners-top {   
    background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/barra25.png");
    height: 35px; }

.module span.corners-bottom, .post span.corners-bottom { 
    background-color: #77a9d5;
    height: 5px; }

/* FONDO Y CONTORNO SEARCH - POP UP */

.overview {  border: 1px solid #292929; background-color: #FFFFFF; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px;  }

#login_popup {
background-color: #FFFFFF;
}

/*-------------------PosT Perfil-------------------*/

.postprofile {
    background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey13.png');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FAFAFA;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #cfcfcf;
    text-align:center;
    text-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


hr {
    border: 0 none #dddddd;
    border-top: 1px solid #dddddd;
    margin-right: 10px;
}

#page-footer div.navbar{
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size:12px;
font-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
background-image:url(http://i46.servimg.com/u/f46/12/26/44/81/barra25.png);
background-repeat:repeat-x;
}

#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }



/*-------------------Navegacion-------------------*/


#page-header .navbar {
position: relative;
top: -145px;
background: none;
}

#page-header .navbar{position:absolute;top: 2px;padding-left: 280px;
width:805px;background:url() repeat-x ;height:20px;background-position: top center;
}

#i_icon_mini_index {
background-image: url('http://i48.servimg.com/u/f48/15/98/52/29/forum10.png');
width: 62px;
height: 36px;right: 5em;
}
#i_icon_mini_index:hover {
background-image: url('http://i48.servimg.com/u/f48/15/98/52/29/forum11.png');
width: 62px;
height: 36px;right: 5em;
}

#i_icon_mini_portal {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/portal22.png');
width: 82px;
height: 36px;
}
#i_icon_mini_portal:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/portal23.png');
width: 82px;
height: 36px;
}


#i_icon_mini_search {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/buscar21.png');
width: 82px;
height: 36px;
}
#i_icon_mini_search:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/buscar22.png');
width: 82px;
height: 36px;
}

#i_icon_mini_members {
background-image: url('http://i.imgur.com/C2SDy.png');
width: 67px;
height: 19px;position:absolute;top: 49px;margin-right: 380px;right: 31em;
}
#i_icon_mini_members:hover {
background-image: url('http://i.imgur.com/C2SDy.png');
width: 67px;
height: 19px;position:absolute;top: 49px;margin-right: 380px;right: 31em;
}


#i_icon_mini_groups {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos21.png');
width: 56px;
height: 19px;position:absolute;top: 49px;margin-right: 310px;right: 31em;
}
#i_icon_mini_groups:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos22.png');
width: 56px;
height: 19px;position:absolute;top: 49px;margin-right: 310px;right: 31em;
}

#i_icon_mini_profile {
background-image: url('http://i.imgur.com/PyeAm.png');
width: 59px;
height: 19px;position:absolute;top: 49px;margin-right: 235px;right: 31em;
}
#i_icon_mini_profile:hover {
background-image: url('http://i.imgur.com/PyeAm.png');
width: 59px;
height: 19px;position:absolute;top: 49px;margin-right: 235px;right: 31em;
}

#i_icon_mini_message {
background-image: url('http://i.imgur.com/Q5Zsu.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 92px;right: 31em;
}
#i_icon_mini_message:hover {
background-image: url('http://i.imgur.com/Q5Zsu.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 92px;right: 31em;
}

#i_icon_mini_new_message {
background-image: url('http://i.imgur.com/rCD8C.png');
width: 113px;
height: 19px;position:absolute;top: 49px;margin-right: 100px;right: 31em;
}

#i_icon_mini_logout {
background-image: url('http://i.imgur.com/CRowP.png');
width: 93px;
height: 19px;position:absolute;top: 49px;margin-right: 105px;right: 21em;
}
#i_icon_mini_logout:hover {
background-image: url('http://i.imgur.com/CRowP.png');
width: 93px;
height: 19px;position:absolute;top: 49px;margin-right: 105px;right: 21em;
}


#i_icon_mini_login {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/conect13.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 125px;right: 31em;
}
#i_icon_mini_login:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/conect14.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 125px;right: 31em;
}
#i_icon_mini_register {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/regist14.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 218px;right: 31em;
}
#i_icon_mini_register:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/regist15.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 218px;right: 31em;
}

/*-------------------Search box-------------------*/

#search-box #keywords {
width: 290px;
background: url(http://i46.servimg.com/u/f46/12/26/44/81/buscar23.png) no-repeat;
height: 67px;
padding: 10px;
padding-bottom: 10px;position: relative;
padding-right: 0px;right: -10px;color: #2b2b2b;
    font-size: 11px;
}

#search-box input.button2 {
  display: none;
}

#search-box{
margin-right: 525px;
position: relative;
bottom: -30px;}

#search-box input {border: 1px;}


/* CHAT BOX */

#chatbox_header{background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}

/* Chatbox-------------------------------------------------*/

body.chatbox {background-image: none;}

.chatbox {background-color: #FAFAFA;}

.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}

.chatbox-title,.chatbox-title a.chat-title {color: #FAFAFA !important; }

.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}

.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}

.chatbox-options li {display:inline;}

.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #FAFAFA; font-weight: bold;}

#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}

#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #fca714;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}

#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}

#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}

#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}

.chatbox_row_3 {padding: 4px;background-color: #0075c6;}

.memberlist_row_1 {background-color: #ffffff;}

#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}

#chatbox_footer label {color: #FAFAFA; font-weight: bold;}

#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image:  url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #c2d2df;}

#message,#submit_button{border-width: 1px;}

.fontbutton {padding: 1px;cursor: pointer;text-align: left;}

.fontbutton_normal {background: #E1E1E2;}

.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}

.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}

.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}

#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}

#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}

#chatbox_contextmenu p.hover {background: #ffffff;}

#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}

#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}

#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}

#chatbox_contextmenu a:hover {color: ;}

.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}
fieldset.polls {
background-image: url("http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png");
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox .user {font-weight: bold;}

#chatbox {background-image:  url(http://i44.servimg.com/u/f44/14/84/14/59/chat12.gif)}

* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}

* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}

* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #6A5ACD;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
body {
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
}

a:hover {
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
}
body {
cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), auto;
}

a:hover {
cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), auto;
}
a:hover {
color: blue;
text-decoration: blink;
text-shadow: 0 0 5px black;
}

.buttons a img:hover {
-moz-opacity: .85;
-moz-transform: rotate(-2.2deg) scale(0.9);
-webkit-transform: rotate(-2.2deg) scale(0.9);
filter: alpha(opacity=100);
opacity: 1;
}

az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#pun-qpost #text_editor_controls{position:relative !important}

.contract,.expand{background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/buttons/collapse_tcat_collapsed.png);cursor:pointer;height:18px;position:absolute;right:10px;top:6px;width:18px}
.contract{background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/buttons/collapse_tcat.png)}

#wrap {width: 1000px;}

Imagen de como ficou

[ThothMembro ativo]

Em seu css, na linha 15, encontrará o seguinte código:

width: 960px;

O mesmo fornecido por mim em minha primeira postagem.

Perceba que eu havia colocado o valor de 1000px.
Para deixar o fórum maior, basta colocar um valor maior, por exemplo, 1200px.

Acredito que tenha entendido esta parte.



Agora, sobre o erro da imagem no topo da categoria.
Isso ocorreu por que a imagem é menor que o tamanho que está atualmente no fórum havendo assim uma necessidade de repetição da mesma para complementar o espaço vazio. Para isso, você deve editá-la, redimensionando-a, de modo que fique adequada ao tamanho atual do fórum.

A imagem está nesta parte de seu css:

Código:

.forabg span.corners-top span, .forumbg span.corners-top span {
    background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/forobg12.png");
    background-position: top;
    height: 65px; }

Linha 56.

[SeikonMembro]

Ola caro usuario, o que ocorre é que com o alargamento de sua pagina a imagem vai se repetir se ela não for do tamanho atual da pagina, o recomendavel é voce redimensionar a imagem do tamanho do width e assim estara tudo Correct

[lukee~Membro Contribuidor]

Olá , se vc aumentar o tamanho do Fórum e a imagem da categoria não for do tamanho adequado ocorrerá esse erro (É RECOMENDAVEL QUE DEIXA DO TAMANHO ATUAL)

[ThothMembro ativo]

Tópico movido de " Questões sobre personalização "

Tópico finalizado movido para " Questões Resolvidas "

[Conteúdo patrocinado]