Help : Width of forum
4 posters
Page 1 of 1
Help : Width of forum
http://chocoland.fforum.biz/index.htm
Could you please tell me how to make the width fit the screen and the main wrap at the center of the page.
Thank you!
Could you please tell me how to make the width fit the screen and the main wrap at the center of the page.
Thank you!
Re: Help : Width of forum
Exactly wat i wanted to know as well
Is there a way to wrap the forum, in the sense fit t screen and not have to use horizontal scroll>??
Is there a way to wrap the forum, in the sense fit t screen and not have to use horizontal scroll>??
saumil_b- Forumember
- Posts : 57
Reputation : 0
Language : English
saumil_b- Forumember
- Posts : 57
Reputation : 0
Language : English
Re: Help : Width of forum
do you mean like...change the width of ur forum's page?
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Help : Width of forum
I dont know how to put it..
Yes i do need to change the width or whatever else so that the bottom horizontal scroll bar doesnt have to be used
Hope you are getting me..
I tried chakging the width to 100% then to 70% and also 80% but nothing is changing!
I also scaled down my header image and checked but not even my homepage message is big...
Please Helo
Yes i do need to change the width or whatever else so that the bottom horizontal scroll bar doesnt have to be used
Hope you are getting me..
I tried chakging the width to 100% then to 70% and also 80% but nothing is changing!
I also scaled down my header image and checked but not even my homepage message is big...
Please Helo
saumil_b- Forumember
- Posts : 57
Reputation : 0
Language : English
Re: Help : Width of forum
ook...scene as uv changed the width already that kind of changes what i was thinking...lol
are you trying to change the bit where all the links are?
are you trying to change the bit where all the links are?
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Help : Width of forum
i am trying to change the whole page width..
I just dont want to use the scroll horizontaly
I just dont want to use the scroll horizontaly
saumil_b- Forumember
- Posts : 57
Reputation : 0
Language : English
Re: Help : Width of forum
hello there,
mind if im asking you wheter you got any customize CSS on your forum? to check if you got it or not just navigate to :
mind if im asking you wheter you got any customize CSS on your forum? to check if you got it or not just navigate to :
try checking on white box there if got any CSS code. You might also can have to tell what version do you use for your forum thereAdmin panel=>Display=>Picture & Color=>CSS stylesheet
Adiex- Active Poster
- Posts : 1014
Reputation : 33
Language : er?
Location : back alive & kicking xD
Re: Help : Width of forum
There doesnt seem to be anything..
On clicking on "See your forum basic CSS", below is what was displayed in a pop up window
Sorry i am not very familiar with CSS
My forum is http://mahindralogan.forumotion.com
body {
background-color: #000000;
background-image: url("https://i.servimg.com/u/f74/11/84/22/04/black_10.jpg");
background-attachment: scroll;
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
border: none;
}
a:link,a:active,a:visited {
color : #928d8d;
}
a:hover{
text-decoration: underline;
color : #dd6900;
}
hr{
height: 0px;
border: solid #5c595 0px;
border-top-width: 1px;
}
.bodyline{
background-color: #000000;
border: 1px #000000 solid;
}
.bodylinewidth {
width:100%}
.forumline{
background-color: #f6f6f6;
border: 2px #000000 solid;
}
td.row1{
background-color: #ffffff;
}
td.row2{
background-color: #ffffff;
}
td.row3{
background-color: #5c595;
}
td.rowpic {
background-color: #ffffff;
background-image: url("https://2img.net/i/fa/subsilver/back_catd.jpg");
}
th {
color: #ffffff;
font-size: 11px;
font-weight : bold;
background-color: #000000;
height: 25px;
background-image: url("https://2img.net/i/fa/subsilver/back_title_black.gif");
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("https://2img.net/i/fa/subsilver/back_catg.gif");
background-color:#ffffff;
border: #000000;
border-style: solid;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #ffffff;
border-style: solid;
height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #5c595;
border: #000000;
border-style: solid;
}
td.pourcentback {
background-color : #000000;
}
th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0px 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0px 1px 0px 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0px 1px 0px 0px;
}
th.thLeft,td.catLeft {
border-width: 0px 0px 0px 1px;
}
th.thBottom,td.catBottom {
border-width: 0px 1px 1px 1px;
}
th.thTop {
border-width: 1px 0px 0px 0px;
}
th.thCornerL {
border-width: 1px 0px 0px 1px;
}
th.thCornerR {
border-width: 1px 1px 0px 0px;
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 22px;
font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height : 120%;
color : #000000;
}
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 2px;
}
.forumline td.pagination {
padding:0;
}
.maintitle h1 {
margin: 0;
padding: 0;
display: inline;
}
.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 10px;
}
.gen,.genmed,.gensmall {
color : #000000;
}
a.gen,a.genmed,a.gensmall {
color: #928d8d;
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #dd6900;
text-decoration: underline;
}
.mainmenu{
font-size : 11px;
color : #000000 }
a.mainmenu{
text-decoration: none;
color : #928d8d;
}
a.mainmenu:hover{
(Deleted some portions to accomodate in this post, if you want the whole thing, temme!)
.postbody{
font-size : 12px;
line-height: 18px}
a.postlink:link{
text-decoration: none;
color : #928d8d }
a.postlink:visited{
text-decoration: none;
color : #5493b4;
}
a.postlink:hover{
text-decoration: underline;
color : #dd6900}
.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
color: #006600;
background-color: #fafafa;
border: #5c595;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #444444;
line-height: 125%;
background-color: #fafafa;
border: #5c595;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.copyright{
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #928d8d;
letter-spacing: -1px;
}
a.copyright{
color: #928d8d;
text-decoration: none;
}
a.copyright:hover {
color: #dd6900;
text-decoration: underline;
}
.coloradmin {
color: #ffa34f}
.colormod {
color: #006600}
h1.pagetitle {
display: inline;
margin: 0;
padding: 0;
font-size: 12px;
color: #ffffff;
}
h1.title2 {
font-size: 11px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #ffffff;
}
.secondarytitle h2 {
display:inline;
}
.nav h1 {
display: inline;
}
.hierarchy {
display: inline;
text-transform: none;
border: none;
font-size: 10px;
}
.mod-text {
font-weight: bold;
}
img{
border:0}
input,textarea, select {
color : #000000;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #000000;
}
input.post, textarea.post, select {
background-color : #ffffff;
}
input {
text-indent : 2px;
}
input.button {
background-color : #ffffff;
color : #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #fafafa;
font-weight : bold;
}
input.liteoption {
background-color : #fafafa;
font-weight : normal;
}
.helpline {
background-color: #ffffff;
border-style: none;
}
input {
background-color: #ffffff;
}
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('https://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #dd6900;
color: #dd6900;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("https://2img.net/i/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
.selectHover {
cursor: pointer;
background-color: #EEEEEE;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0px;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #dd6900;
color: #dd6900;
background-position: 0 100%;
}
textarea#text_editor_textarea {
width: 100% !important;
}
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
form#quick_reply iframe#text_editor_iframe {
width: 100%;
}
* html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
*+html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
#page-footer .gen strong {
font-weight: normal;
}
@import url("form_ie.css");
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
font-size: 1em;
}
.thLeft,.thRight {
color: #000;
border: none;
text-align:left;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}
ul.abuse {
list-style: none;
line-height: 1.5em;
font-size: 0.9em;
}
.rtl-spacer:before {
content: " ";
white-space: pre;
}
.rtl-spacer:after {
content: " ";
white-space: pre;
}
.warning {
color:#ff3333;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox {
margin-top: 0.5em;
}
.center {
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
}
/* TGF Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
position: relative;
height: 1%;
clear: both;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#add-google {
text-align: center;
margin: 0 auto;
}
#content-container #left {
width: 180px;
margin-right: 3px;
}
#content-container #right {
width: 0px;
margin-left: 3px;
}
.module-title {
font-weight: bold;
margin: 0 auto;
text-align: center;
display: block;
}
#frame_chatbox {
border: none !important;
}
/* Chatbox */
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: #000000;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
font-size: 12px;
}
.chatbox-options {
text-align:right;
}
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
float:right;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30px;
}
#chatbox_footer table.text-styles {
float: right;
}
#chatbox_footer .text-field {
float: left;
}
#chatbox_footer .chatfootertable {
margin: 5px;
}
#chatbox_header {
height: 30px;
background-color: #000000;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #ffffff;
}
.chatbox_row_2 {
padding: 4px;
background-color: #ffffff;
}
.chatbox_row_3 {
padding: 4px;
background-color: #5c595;
}
.memberlist_row_1 {
padding: 2px 2px 2px 10px;
background-color: #ffffff;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #5c595;
color : #928d8d;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 10px;
}
#chatbox_members ul li {
margin: 2px 2px 2px 0;
}
#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 .user {
font-weight: bold;
}
/* Edit did */
div#chatbox {
color: #000000;
}
#chatbox_contextmenu {
background-color: #5c595;
border:1px solid #aaa;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 70%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
}
#chatbox_contextmenu a {
color: #;
text-decoration: none;
font-size: 70%;
}
#chatbox_contextmenu a:hover {
color: #;
}
.fontbutton{
border:0;
}
/* End Edit did */
/*Internet Explorer fixers and hacks for Chatbox *
/* 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");
}
/* poll */
.poll-result td {
padding: 2px 4px;
text-align: left;
}
.poll-result td.poll-title,.poll-result td.poll-results {
text-align: center;
}
.progress-bar td {
padding: 0 !important;
}
.poll-ballot {
text-align: left;
}
iframe[name="google_ads_frame"],
#add-google,
#add-google iframe,
#add-google iframe[name="google_ads_frame"]{
display:block!important;
visibility:visible!important;
}
On clicking on "See your forum basic CSS", below is what was displayed in a pop up window
Sorry i am not very familiar with CSS
My forum is http://mahindralogan.forumotion.com
body {
background-color: #000000;
background-image: url("https://i.servimg.com/u/f74/11/84/22/04/black_10.jpg");
background-attachment: scroll;
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
border: none;
}
a:link,a:active,a:visited {
color : #928d8d;
}
a:hover{
text-decoration: underline;
color : #dd6900;
}
hr{
height: 0px;
border: solid #5c595 0px;
border-top-width: 1px;
}
.bodyline{
background-color: #000000;
border: 1px #000000 solid;
}
.bodylinewidth {
width:100%}
.forumline{
background-color: #f6f6f6;
border: 2px #000000 solid;
}
td.row1{
background-color: #ffffff;
}
td.row2{
background-color: #ffffff;
}
td.row3{
background-color: #5c595;
}
td.rowpic {
background-color: #ffffff;
background-image: url("https://2img.net/i/fa/subsilver/back_catd.jpg");
}
th {
color: #ffffff;
font-size: 11px;
font-weight : bold;
background-color: #000000;
height: 25px;
background-image: url("https://2img.net/i/fa/subsilver/back_title_black.gif");
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("https://2img.net/i/fa/subsilver/back_catg.gif");
background-color:#ffffff;
border: #000000;
border-style: solid;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #ffffff;
border-style: solid;
height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #5c595;
border: #000000;
border-style: solid;
}
td.pourcentback {
background-color : #000000;
}
th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0px 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0px 1px 0px 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0px 1px 0px 0px;
}
th.thLeft,td.catLeft {
border-width: 0px 0px 0px 1px;
}
th.thBottom,td.catBottom {
border-width: 0px 1px 1px 1px;
}
th.thTop {
border-width: 1px 0px 0px 0px;
}
th.thCornerL {
border-width: 1px 0px 0px 1px;
}
th.thCornerR {
border-width: 1px 1px 0px 0px;
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 22px;
font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height : 120%;
color : #000000;
}
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 2px;
}
.forumline td.pagination {
padding:0;
}
.maintitle h1 {
margin: 0;
padding: 0;
display: inline;
}
.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 10px;
}
.gen,.genmed,.gensmall {
color : #000000;
}
a.gen,a.genmed,a.gensmall {
color: #928d8d;
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #dd6900;
text-decoration: underline;
}
.mainmenu{
font-size : 11px;
color : #000000 }
a.mainmenu{
text-decoration: none;
color : #928d8d;
}
a.mainmenu:hover{
(Deleted some portions to accomodate in this post, if you want the whole thing, temme!)
.postbody{
font-size : 12px;
line-height: 18px}
a.postlink:link{
text-decoration: none;
color : #928d8d }
a.postlink:visited{
text-decoration: none;
color : #5493b4;
}
a.postlink:hover{
text-decoration: underline;
color : #dd6900}
.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
color: #006600;
background-color: #fafafa;
border: #5c595;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #444444;
line-height: 125%;
background-color: #fafafa;
border: #5c595;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.copyright{
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #928d8d;
letter-spacing: -1px;
}
a.copyright{
color: #928d8d;
text-decoration: none;
}
a.copyright:hover {
color: #dd6900;
text-decoration: underline;
}
.coloradmin {
color: #ffa34f}
.colormod {
color: #006600}
h1.pagetitle {
display: inline;
margin: 0;
padding: 0;
font-size: 12px;
color: #ffffff;
}
h1.title2 {
font-size: 11px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #ffffff;
}
.secondarytitle h2 {
display:inline;
}
.nav h1 {
display: inline;
}
.hierarchy {
display: inline;
text-transform: none;
border: none;
font-size: 10px;
}
.mod-text {
font-weight: bold;
}
img{
border:0}
input,textarea, select {
color : #000000;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #000000;
}
input.post, textarea.post, select {
background-color : #ffffff;
}
input {
text-indent : 2px;
}
input.button {
background-color : #ffffff;
color : #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #fafafa;
font-weight : bold;
}
input.liteoption {
background-color : #fafafa;
font-weight : normal;
}
.helpline {
background-color: #ffffff;
border-style: none;
}
input {
background-color: #ffffff;
}
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('https://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #dd6900;
color: #dd6900;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("https://2img.net/i/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
.selectHover {
cursor: pointer;
background-color: #EEEEEE;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0px;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #dd6900;
color: #dd6900;
background-position: 0 100%;
}
textarea#text_editor_textarea {
width: 100% !important;
}
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
form#quick_reply iframe#text_editor_iframe {
width: 100%;
}
* html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
*+html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
#page-footer .gen strong {
font-weight: normal;
}
@import url("form_ie.css");
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
font-size: 1em;
}
.thLeft,.thRight {
color: #000;
border: none;
text-align:left;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}
ul.abuse {
list-style: none;
line-height: 1.5em;
font-size: 0.9em;
}
.rtl-spacer:before {
content: " ";
white-space: pre;
}
.rtl-spacer:after {
content: " ";
white-space: pre;
}
.warning {
color:#ff3333;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox {
margin-top: 0.5em;
}
.center {
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
}
/* TGF Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
position: relative;
height: 1%;
clear: both;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#add-google {
text-align: center;
margin: 0 auto;
}
#content-container #left {
width: 180px;
margin-right: 3px;
}
#content-container #right {
width: 0px;
margin-left: 3px;
}
.module-title {
font-weight: bold;
margin: 0 auto;
text-align: center;
display: block;
}
#frame_chatbox {
border: none !important;
}
/* Chatbox */
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: #000000;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
font-size: 12px;
}
.chatbox-options {
text-align:right;
}
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
float:right;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30px;
}
#chatbox_footer table.text-styles {
float: right;
}
#chatbox_footer .text-field {
float: left;
}
#chatbox_footer .chatfootertable {
margin: 5px;
}
#chatbox_header {
height: 30px;
background-color: #000000;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #ffffff;
}
.chatbox_row_2 {
padding: 4px;
background-color: #ffffff;
}
.chatbox_row_3 {
padding: 4px;
background-color: #5c595;
}
.memberlist_row_1 {
padding: 2px 2px 2px 10px;
background-color: #ffffff;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #5c595;
color : #928d8d;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 10px;
}
#chatbox_members ul li {
margin: 2px 2px 2px 0;
}
#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 .user {
font-weight: bold;
}
/* Edit did */
div#chatbox {
color: #000000;
}
#chatbox_contextmenu {
background-color: #5c595;
border:1px solid #aaa;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 70%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
}
#chatbox_contextmenu a {
color: #;
text-decoration: none;
font-size: 70%;
}
#chatbox_contextmenu a:hover {
color: #;
}
.fontbutton{
border:0;
}
/* End Edit did */
/*Internet Explorer fixers and hacks for Chatbox *
/* 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");
}
/* poll */
.poll-result td {
padding: 2px 4px;
text-align: left;
}
.poll-result td.poll-title,.poll-result td.poll-results {
text-align: center;
}
.progress-bar td {
padding: 0 !important;
}
.poll-ballot {
text-align: left;
}
iframe[name="google_ads_frame"],
#add-google,
#add-google iframe,
#add-google iframe[name="google_ads_frame"]{
display:block!important;
visibility:visible!important;
}
saumil_b- Forumember
- Posts : 57
Reputation : 0
Language : English
Re: Help : Width of forum
hi,
Adjust this value to resize your forum witdh.
Adjust this one to lower value .
best luck
Adjust this value to resize your forum witdh.
- Code:
.bodylinewidth {
width:100%}
Adjust this one to lower value .
- Code:
width:100%
Find that code avove on you CSS, adjust it and click submit.Admin panel=>Display=>Picture & Color=>CSS stylesheet
best luck
Adiex- Active Poster
- Posts : 1014
Reputation : 33
Language : er?
Location : back alive & kicking xD
Re: Help : Width of forum
cant be edited in the css but currently i have kept the width at 100%, i reduced it now it is
.bodylinewidth {
width:80%}
But still the forum hasnt changed
.bodylinewidth {
width:80%}
But still the forum hasnt changed
saumil_b- Forumember
- Posts : 57
Reputation : 0
Language : English
Re: Help : Width of forum
its should work, tested on my forum and its all fine. Did you click on submit button anyway?
Adiex- Active Poster
- Posts : 1014
Reputation : 33
Language : er?
Location : back alive & kicking xD
Re: Help : Width of forum
i didnt change in the css, i changed in the General-config-structure
It automatically changed in the CSS
Please Note - I havent added any Additional CSS
Wat i sent you was the Basic Forum CSS which can be accessed by clicking on the link
Additional CSS is empty
It automatically changed in the CSS
Please Note - I havent added any Additional CSS
Wat i sent you was the Basic Forum CSS which can be accessed by clicking on the link
Additional CSS is empty
saumil_b- Forumember
- Posts : 57
Reputation : 0
Language : English
Re: Help : Width of forum
well just Add that that code i give you on Additional CSS and submit it.
try if it is working or not
Edit : i think you ACP got bugs there because no matter you change width on general tabs, it wont change your basic CSS.
try if it is working or not
Edit : i think you ACP got bugs there because no matter you change width on general tabs, it wont change your basic CSS.
Adiex- Active Poster
- Posts : 1014
Reputation : 33
Language : er?
Location : back alive & kicking xD
Re: Help : Width of forum
Doesnt help..
I feel the Google Adsense is the culprit here..
as anyone added it earlier?
I have added mine..
I feel the Google Adsense is the culprit here..
as anyone added it earlier?
I have added mine..
saumil_b- Forumember
- Posts : 57
Reputation : 0
Language : English
Re: Help : Width of forum
oh gosh did you put adsense one your forum categories?
i think that is problem there, If you can move that ads to homepages or disbale it for moment (dont forget to backup code) and try changing you width. It might work
i think that is problem there, If you can move that ads to homepages or disbale it for moment (dont forget to backup code) and try changing you width. It might work
Adiex- Active Poster
- Posts : 1014
Reputation : 33
Language : er?
Location : back alive & kicking xD
Re: Help : Width of forum
but u know wat, it was always there...
lesse will try that in the evenin and let u know..
Thanks till then
lesse will try that in the evenin and let u know..
Thanks till then
saumil_b- Forumember
- Posts : 57
Reputation : 0
Language : English
Re: Help : Width of forum
its nothing
but im sure your problem caused by ads inside your forum table there. becuase if that ads fixed to certain width, its will block you forum index page to resize to smaller value than ads width.
for confirmation if you clicked on any topic there and bring you to topic thread its already re-size to smaller width. only for index.htm left.
good luck then
but im sure your problem caused by ads inside your forum table there. becuase if that ads fixed to certain width, its will block you forum index page to resize to smaller value than ads width.
for confirmation if you clicked on any topic there and bring you to topic thread its already re-size to smaller width. only for index.htm left.
good luck then
Adiex- Active Poster
- Posts : 1014
Reputation : 33
Language : er?
Location : back alive & kicking xD
Similar topics
» Can Someone Help Me Fix My Forum Width
» script for adjustment of forum width to screen width
» How to make Invision forum-template "wider"?
» Forum width, forum height, and forum titles
» Forum width
» script for adjustment of forum width to screen width
» How to make Invision forum-template "wider"?
» Forum width, forum height, and forum titles
» Forum width
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum