Forum Hosting  

Go Back   Forum Hosting > IPB Support > IPB Skinning Help

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


Reply
 
LinkBack Thread Tools Display Modes
Old 06-12-2005, 01:51 PM   #1 (permalink)
Member
 
KeeperofPeace's Avatar
 
Join Date: Jun 2005

Posts: 3
Rep Power: 0 KeeperofPeace is on a distinguished road
fTrader: (0)
fBuck$: 151.0
Bank: 0.0
Total fBuck$: 151.0

My Forumer
My Country:
Default Creating CSS.....

Okay i've tried to create my own CSS only to get stopped because i don't know how to input the colors, or what the color codes are. Where can i find this out?
KeeperofPeace is offline   Reply With Quote
Old 06-12-2005, 02:05 PM   #2 (permalink)
Member
 
KeeperofPeace's Avatar
 
Join Date: Jun 2005

Posts: 3
Rep Power: 0 KeeperofPeace is on a distinguished road
fTrader: (0)
fBuck$: 151.0
Bank: 0.0
Total fBuck$: 151.0

My Forumer
My Country:
Default Re: Creating CSS.....

Quote:
Originally Posted by Ali
17. What's the default CSS content?
Incase you have deleted your default CSS content is as follows:

Quote:
/* FIX IE6 Scrollbars bug - Leave this in! */
html { overflow-x: auto; }

/* Body entry, change forum page background colour, default font, font size, etc. Leave text-align:center to center board content
* #ipwrapper will set text-align back to left for the forum. Any other tables / divs you use must use text-align:left to re-align
* the content properly. This is a work around to a known Internet Explorer bug */
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px;padding:0px;background-color:#FFF; text-align:center }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }

/* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #465584; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label* * * { cursorointer; }
form* * * { display:inline; }
img.attach { border:2px outset #EEF2F7;padding:2px }

.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: #3A4F6C; }
.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:#434951 }

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:#555 }
.caldate* { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }

.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%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p* { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p* { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu* { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu* a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }

#navstrip* { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#BCD0ED; padding:6px }

/* Form stuff (post / profile / etc) */
.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft* { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

/* Topic View elements */
.signature* { font-size: 10px; color: #339; line-height:150% }
.postdetails { font-size: 10px }
.postcolor* { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }

/* Common elements */
.row1 { background-color: #F5F9FD }
.row2 { background-color: #DFE6EF }
.row3 { background-color: #EEF2F7 }
.row4 { background-color: #E4EAF2 }

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }
.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
.titlemedium* a:link, .titlemedium* a:visited, .titlemedium* a:active* { text-decoration: underline; color: #3A4F6C }

/* Main table top (dark blue gradient by default) */
.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }
.maintitle a:link, .maintitle* a:visited, .maintitle* a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

/* tableborders gives the white column / row lines effect */
.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #345487;background-color:#FFF; padding:0; margin:0 }
.tablefill* { border:1px solid #345487;background-color:#F5F9FD;padding:6px;* }
.tablepad* * { background-color:#F5F9FD;padding:6px }
.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:#434951 }
.edit { font-size: 9px }


.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE* { white-space:normal; font-family: Courier, Courier New, Verdana, Arial;* font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.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 }
.forminput, .textinput, .radiobutton, .checkbox* { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.purple { colorurple;font-weight:bold }
.red* * { color:red;font-weight:bold }
.green* { color:green;font-weight:bold }
.blue* { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

My boards don't have this kind of editing page.

It looks like this:
CSS Stylesheet:
Filename for CSS stylesheet to use for this theme.
Background Image:
Background Colour:
Text Colour:
Link Colour:
Visited Link Colour:
Active Link Colour:
Hover Link Colour:
Table Row Colour 1:
Table Row Colour 2:
Table Row Colour 3:
Table Row Class 1:
Table Row Class 2:
Table Row Class 3:
Table Header Colour 1:
Table Header Colour 2:
Table Header Colour 3:
Table Header Class 1:
Table Header Class 2:
Table Header Class 3:
Table Cell Colour 1:
Table Cell Colour 2:
Table Cell Colour 3:
Table Cell Class 1:
Table Cell Class 2:
Table Cell Class 3:
Font Face 1:
Font Face 2:
Font Face 3:
Font Size 1:
Font Size 2:
Font Size 3:
Font Colour 1:
Font Colour 2:
Font Colour 3:
Span Class 1:
Span Class 2:
Span Class 3:

with blanks and stuff after it. How do i change my editing page to the way you describe it on the FAQ?
KeeperofPeace is offline   Reply With Quote
Old 06-12-2005, 06:29 PM   #3 (permalink)
VIP Team
 
Winnopeg's Avatar
 
Join Date: Jan 2005

Location: Canada, eh?
Posts: 6,736
Rep Power: 10 Winnopeg is on a distinguished road
fTrader: (24)
fBuck$: 2,917.5
Bank: 385,127.9
Total fBuck$: 388,045.4

My Forumer
My Country:
Default Re: Creating CSS.....

You have a phpBB forum. You can't use CSS skins. Sorry.

Please do not PM me for support.
Winnopeg is offline   Reply With Quote
Reply


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

Similar Threads
Thread Thread Starter Forum Replies Last Post
Problem with creating catagories Coolpix IPB General Support 4 05-07-2005 09:08 AM
Creating a Banner hajas Graphics and Web Design (free) 4 03-08-2005 10:38 AM
Creating more than One Forum Shortcake phpBB2 General Questions 2 03-04-2005 05:12 PM
creating a ipb forum fluffybunny IPB General Support 3 02-25-2005 07:56 PM
Trouble creating board VTL IPB General Support 9 02-21-2005 10:17 PM