Forum Hosting  

Go Back   Forum Hosting > IPB Support > IPB Skinning Help

IPB Skinning Help Need help customizing the looks of your forum? Post here.


Closed Thread
 
LinkBack Thread Tools Display Modes
Old 05-18-2004, 01:15 PM   #1 (permalink)
Member
 
khan's Avatar
 
Join Date: May 2004

Posts: 14
Rep Power: 0 khan is on a distinguished road
fTrader: (0)
fBuck$: 64.0
Bank: 0.0
Total fBuck$: 64.0

My Forumer
My Country:
Default

Using night time grey skin..cant seem to find the width section of the forum: any help would be appreciated.
Quote:
FORUM WIDTH
- is set in the div class #ipbwrapper, tweaking might not look good if there are background images inside the forum tables with fixed width

width: number% will make a floating forum width, automatically adjusting to the browser size
width: numberpx will make your forum with fixed width, which is good if you want to make it fit your banner (but it might cause side scroll for some of your members)
this is my current style sheet
Quote:
html { overflow-x: auto;scrollbar-face-color: #343434;scrollbar-arrow-color: #FFFFFF;scrollbar-base-color: #343434; }
form { display: inline; }
img { vertical-align: middle;border: 0px; }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;margin: 0px 10px 0px 10px;color: #ffffff;background-color: #000000; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: #FFFFFF; }
a:link, a:visited, a:active { text-decoration: underline;color: #FFFFFF; }
a:hover { text-decoration: underline;color: #FB8204; }
fieldset.search { padding: 6px;line-height: 150%; }
label { cursor: pointer; }
img.attach { padding: 2px;border: 2px outset #000; }
.googleroot { padding: 6px;line-height: 130%; }
.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px;color: #000; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #00D; }
.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #000; }
li.helprow { padding: 0px;margin: 0px 0px 10px 0px; }
ul#help { padding: 0px 0px 0px 15px; }
option.cat { font-weight: bold; }
option.sub { font-weight: bold;color: #FFFFFF; }
.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #FFFFFF;background-color: #343434; }
.warngood { color: green; }
.warnbad { color: red; }
#padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 14px 0px 14px 0px; }
#profilename { font-size: 28px;font-weight: bold; }
#calendarname { font-size: 22px;font-weight: bold; }
#photowrap { padding: 6px; }
#phototitle { font-size: 24px;border-bottom: 1px solid black; }
#photoimg { text-align: center;margin-top: 15px; }
#ucpmenu { line-height: 150%;width: 22%;background-color: #343434;border: 1px solid #000; }
#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }
#ucpcontent { line-height: 150%;width: auto;background-color: #343434;border: 1px solid #000; }
#ucpcontent p { padding: 10px;margin: 0px; }
#ipsbanner { position: absolute;top: 1px;right: 5%; }
#logostrip { margin: 0px;background-color: padding:0px;border: 0px solid #000; }
#submenu { border: 1px solid #000;background-image: url(style_images/<#IMG_DIR#>/gradient.jpg); }
#submenu a:link, #submenu* a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #FFFFFF; }
#userlinks { background-color: #343434;border: 1px solid #000; }
#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }
.activeuserstrip { padding: 6px;background-color: #343434; }
.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #FFFFFFF;background-color: #343434; }
.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #000;border-right: 1px solid #000;background-color: #343434; }
.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #000;border-right: 1px solid #000;background-color: #343434; }
.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #000;background-color: #343434; }
.post1 { background-color: #343434; }
.post2 { background-color: #343434; }
.postlinksbar { padding: 7px;margin-top: 1px;font-size: 10px;background-color: #343434; }
.row1 { background-color: #343434; }
.row2 { background-color: #343434; }
.row3 { background-color: #343434; }
.row4 { background-color: #343434; }
.darkrow1 { color: #000;background-color: #343434; }
.darkrow2 { background-image: url(style_images/<#IMG_DIR#>/gradient.jpg); }
.darkrow3 { color: #000;background-color: #343434; }
.hlight { background-color: #343434; }
.dlight { background-color: #343434; }
.titlemedium { font-weight: bold;padding: 7px;margin: 0px;color: #FFF;background-color: #343434; }
.titlemedium* a:link, .titlemedium* a:visited, .titlemedium* a:active { text-decoration: underline;color: #FFFFFF; }
.maintitle { vertical-align: middle;font-weight: bold;letter-spacing: 1px;padding: 8px 0px 8px 5px;color: #FFF;background-color: #0C88E4;background-image: url(style_images/<#IMG_DIR#>/gradient.jpg); }
.maintitle a:link, .maintitle* a:visited, .maintitle* a:active { text-decoration: none;color: #FFF; }
.maintitle a:hover { text-decoration: underline; }
.plainborder { background-color: #343434;border: 1px solid #000; }
.tableborder { padding: 0px;margin: 0px;width: 100%;background-color: #000;border: 1px solid #000; }
.tablefill { padding: 6px;background-color: #343434;border: 1px solid #000; }
.tablepad { padding: 6px;background-color: #343434; }
.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }
.wrapmini { float: left;line-height: 1.5em;width: 25%; }
.pagelinks { float: left;line-height: 1.2em;width: 35%; }
.desc { font-size: 10px;color: #FFFFF; }
.edit { font-size: 9px; }
.signature { font-size: 10px;color: #FFFFFF; }
.postdetails { font-size: 10px; }
.postcolor { font-size: 12px;line-height: 160%; }
.normalname { font-size: 12px;font-weight: bold;color: #FFFFF; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }
.unreg { font-size: 11px;font-weight: bold;color: #FFFFFFF; }
.searchlite { font-weight: bold;color: #FFFFFF;background-color: #343434; }
#QUOTE { font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #FFFFFF;background-color: #343434;border: 1px solid #000; }
#CODE { font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #FFFFFF;background-color: #343434;border: 1px solid #000; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }
.codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;color: #FFFFFF;background-color: #343434; }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;color: #FFFFFF;background-color: #343434;border: 1px solid #000; }
.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #000;border-bottom: 1px solid #000; }
.purple { font-weight: bold;color: purple; }
.red { font-weight: bold;color: red; }
.green { font-weight: bold;color: green; }
.blue { font-weight: bold;color: blue; }
.orange { font-weight: bold;color: #000; }
khan is offline  
Old 05-18-2004, 04:36 PM   #2 (permalink)
Member
 
khan's Avatar
 
Join Date: May 2004

Posts: 14
Rep Power: 0 khan is on a distinguished road
fTrader: (0)
fBuck$: 64.0
Bank: 0.0
Total fBuck$: 64.0

My Forumer
My Country:
Default

I tryed almost every width value in the above code but nothing changed...any ideas?
khan is offline  
Old 05-18-2004, 05:35 PM   #3 (permalink)
Member
 
khan's Avatar
 
Join Date: May 2004

Posts: 14
Rep Power: 0 khan is on a distinguished road
fTrader: (0)
fBuck$: 64.0
Bank: 0.0
Total fBuck$: 64.0

My Forumer
My Country:
Default

thnxs but found the problem my style sheet was simply missing this line haha.
#ipbwrapper { text-align:left; width:740px; margin-left:auto;margin-right:auto }
khan is offline  
Old 05-18-2004, 06:15 PM   #4 (permalink)
Ali
Senior Forumer
 
Ali's Avatar
 
Join Date: May 2004

Location: Ontario, Canada
Posts: 2,262
Rep Power: 7 Ali is on a distinguished road
fTrader: (0)
fBuck$: 52,099.0
Bank: 0.0
Total fBuck$: 52,099.0

My Forumer
My Country:
Default

Support Resolved!

Your support has been marked as resolved. If you still require assistance, or have a new problem, please create a new topic.

Thanks,
Forumer.com Support Team

This is a pre-written message
Ali is offline  
Closed Thread


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump