Skin Creation From Kellys Skins


 

 Invision Power Board Skin and Wrapper Defaults
Track this topic | Email this topic | Print this topic
Kelly
Posted: Jun 25 2006, 11:44 PM


Administrator/Skinner


Group: Admin
Posts: 505
Member No.: 1
Joined: 25-April 05
If you accidentally messed up your skin set, you can reset it to default by setting it to the following.

BOARD WRAPPERS

Document Type
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Meta Tags
CODE
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />


Javascript
Leave this blank!

Headers & Body
CODE
<body>
<div id="ipbwrapper">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


Footer
CODE
</div>


STYLESHEET
CODE
/* FIX IE6 Scrollbars bug - Leave this in! */
/* 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 }

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      { cursor:pointer; }
form       { display:inline; }
img        { vertical-align:middle; border:0px }
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(http://www.spreebb.com/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(http://www.spreebb.com/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(http://www.spreebb.com/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(http://www.spreebb.com/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 { color:purple;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 }




IMAGES
Logo
CODE
<img src='http://www.spreebb.com/style_images/1/logo4.gif' border='0' />


Locked Post Button
CODE
<img src='http://www.spreebb.com/style_images/1/t_closed.gif' border='0'  alt='Closed Topic' />


Poll Only Post Button
CODE
<img src='http://www.spreebb.com/style_images/1/t_closed.gif' border='0'  alt='Poll Only' />


New Topic Button
CODE
<img src='http://www.spreebb.com/style_images/1/t_new.gif' border='0'  alt='Start new topic' />


Add Reply Button
CODE
<img src='http://www.spreebb.com/style_images/1/t_reply.gif' border='0'  alt='Reply to this topic' />


New Poll Button
CODE
<img src='http://www.spreebb.com/style_images/1/t_poll.gif' border='0'  alt='Start Poll' />


Hot Topic Folder
CODE
<img src='http://www.spreebb.com/style_images/1/f_hot.gif' border='0'  alt='Hot topic' />


Hot Topic Folder (No new posts)
CODE
<img src='http://www.spreebb.com/style_images/1/f_hot_no.gif' border='0'  alt='No new' />


Hot Topic Folder (with Dot)
CODE
<img src='http://www.spreebb.com/style_images/1/f_hot_dot.gif' border='0' alt='New Posts'>


Hot Topic Folder (No new posts with Dot)
CODE
<img src='http://www.spreebb.com/style_images/1/f_hot_no_dot.gif' border='0' alt='No New Posts*'>


Plain Folder
CODE
<img src='http://www.spreebb.com/style_images/1/f_norm.gif' border='0'  alt='New Posts' />


Plain Folder (No new posts)
CODE
<img src='http://www.spreebb.com/style_images/1/f_norm_no.gif' border='0'  alt='No New Posts' />


Plain Folder (with Dot)
CODE
<img src='http://www.spreebb.com/style_images/1/f_norm_dot.gif' border='0' alt='No New Posts'>


Plain Folder (No new posts with Dot)
CODE
<img src='http://www.spreebb.com/style_images/1/f_norm_no_dot.gif' border='0' alt='No New Posts*'>


Poll Folder
CODE
<img src='http://www.spreebb.com/style_images/1/f_poll.gif' border='0'  alt='Poll' />


Poll Folder (No new posts)
CODE
<img src='http://www.spreebb.com/style_images/1/f_poll_no.gif' border='0'  alt='No new votes' />


Poll Folder (with Dot)
CODE
<img src='http://www.spreebb.com/style_images/1/f_poll_dot.gif' border='0' alt='Poll*'>


Poll Folder (No new posts with Dot)
CODE
<img src='http://www.spreebb.com/style_images/1/f_poll_no_dot.gif' border='0' alt='No New Votes*'>


Locked Folder
CODE
<img src='http://www.spreebb.com/style_images/1/f_closed.gif' border='0'  alt='Closed' />


Moved Folder
CODE
<img src='http://www.spreebb.com/style_images/1/f_moved.gif' border='0'  alt='Moved' />


Pinned Marker
CODE
<img src='http://www.spreebb.com/style_images/1/f_pinned.gif' border='0'  alt='Pinned' />


New reply Marker
CODE
<img src='http://www.spreebb.com/style_images/1/newpost.gif' border='0'  alt='Goto last unread' title='Goto last unread' hspace=2>


Forum Marker
CODE
<img src='http://www.spreebb.com/style_images/1/bf_new.gif' border='0'  alt='New Posts' />


Forum Marker (No New Posts)
CODE
<img src='http://www.spreebb.com/style_images/1/bf_nonew.gif' border='0'  alt='No New Posts' />


Sub-Forum Marker
CODE
<img src='http://www.spreebb.com/style_images/1/bc_new.gif' border='0'  alt='New Posts' />


Sub-Forum Marker (No New Posts)
CODE
<img src='http://www.spreebb.com/style_images/1/bc_nonew.gif' border='0'  alt='No New Posts' />


Password Protected Forum
CODE
<img src='http://www.spreebb.com/style_images/1/br_new.gif' border='0'  alt='New Posts'  />


Password Protected Forum (No New Posts)
CODE
<img src='http://www.spreebb.com/style_images/1/br_nonew.gif' border='0'  alt='No New Posts' />


Read-only Forum
CODE
<img src='http://www.spreebb.com/style_images/1/bf_readonly.gif' border='0'  alt='Read Only Forum' />


Stats Marker
CODE
<img src='http://www.spreebb.com/style_images/1/stats.gif' border='0'  alt='Board Stats' />


Birthdays Marker
CODE
<img src='http://www.spreebb.com/style_images/1/user.gif' border='0' alt='' />


Users Online Marker
CODE
<img src='http://www.spreebb.com/style_images/1/user.gif' border='0'  alt='Active Users' />


Calendar Marker
CODE
<img src='http://www.spreebb.com/style_images/1/user.gif' border='0' alt='' />


Seperator for navigation trail
CODE
&nbsp;-&gt;&nbsp;


Navigation Marker
CODE
<img src='http://www.spreebb.com/style_images/1/nav.gif' border='0'  alt='&gt;' />


Triangle bullet
CODE
<img src='http://www.spreebb.com/style_images/1/nav_m.gif' border='0'  alt='&gt;' width='8' height='8' />


Read PM Marker
CODE
<img src='http://www.spreebb.com/style_images/1/f_norm_no.gif' border='0'  alt='Read Msg' />


Unread PM Marker
CODE
<img src='http://www.spreebb.com/style_images/1/f_norm.gif' border='0'  alt='Unread Msg' />


Delete Post
CODE
<img src='http://www.spreebb.com/style_images/1/p_delete.gif' border='0'  alt='Delete Post' />


Edit Post
CODE
<img src='http://www.spreebb.com/style_images/1/p_edit.gif' border='0'  alt='Edit Post' />


Quote Post
CODE
<img src='http://www.spreebb.com/style_images/1/p_quote.gif' border='0'  alt='Quote Post' />


Goto Top
CODE
<img src='http://www.spreebb.com/style_images/1/p_up.gif' border='0' />


AOL
CODE
<img src='http://www.spreebb.com/style_images/1/p_aim.gif' border='0'  alt='AOL' />


Email
CODE
<img src='http://www.spreebb.com/style_images/1/p_email.gif' border='0'  alt='Email Poster' />


ICQ
CODE
<img src='http://www.spreebb.com/style_images/1/p_icq.gif' border='0'  alt='ICQ' />


PM
CODE
<img src='http://www.spreebb.com/style_images/1/p_pm.gif' border='0'  alt='PM' />


Website
CODE
<img src='http://www.spreebb.com/style_images/1/p_www.gif' border='0'  alt='Users Website' />


Yahoo
CODE
<img src='http://www.spreebb.com/style_images/1/p_yim.gif' border='0' alt='Yahoo' />


MSN
CODE
<img src='http://www.spreebb.com/style_images/1/p_msn.gif' border='0' alt='MSN' />


Calendar
CODE
<img src='http://www.spreebb.com/style_images/1/user.gif' border='0' alt='' />


Redirect Forum
CODE
<img src='http://www.spreebb.com/style_images/1/br_redirect.gif' border='0'  alt='Redirect' />


Profile Card
CODE
<img src='http://www.spreebb.com/style_images/1/addresscard.gif' border='0'  alt='Mini Profile' />


Quick Reply
CODE
<img src='http://www.spreebb.com/style_images/1/t_qr.gif' border='0'  alt='Fast Reply' />


Topic Options
CODE
<img src='http://www.spreebb.com/style_images/1/t_options.gif' border='0'  alt='Topic Options' />


Calendar (New Event)
CODE
<img src='http://www.spreebb.com/style_images/1/cal_newevent.gif' border='0'  alt='Add New Event' />


Forum Rules
CODE
<img src='http://www.spreebb.com/style_images/1/forum_rules.gif' border='0'  alt='Forum Rules' />


Last Post Choice
CODE
<img src='http://www.spreebb.com/style_images/1/lastpost.gif' border='0'  alt='Last Post' />


Report Post
CODE
<img src='http://www.spreebb.com/style_images/1/p_report.gif' border='0'  alt='Report Post' />


No Photo
CODE
<img src='http://www.spreebb.com/style_images/1/nophoto.gif' border='0'  alt='No Photo' />


Photo Icon
CODE
<img src='http://www.spreebb.com/style_images/1/camera.gif' border='0'  alt='Photo' />


Warn (Level 0)
CODE
<img src='http://www.spreebb.com/style_images/1/warn0.gif' border='0'  alt='-----' />


Warn (Level 1)
CODE
<img src='http://www.spreebb.com/style_images/1/warn1.gif' border='0'  alt='X----' />


Warn (Level 2)
CODE
<img src='http://www.spreebb.com/style_images/1/warn2.gif' border='0'  alt='XX---' />


Warn (Level 3)
CODE
<img src='http://www.spreebb.com/style_images/1/warn3.gif' border='0'  alt='XXX--' />


Warn (Level 4)
CODE
<img src='http://www.spreebb.com/style_images/1/warn4.gif' border='0'  alt='XXXX-' />


Warn (level 5)
CODE
<img src='http://www.spreebb.com/style_images/1/warn5.gif' border='0'  alt='XXXXX' />


Increase Warning
CODE
<img src='http://www.spreebb.com/style_images/1/warn_add.gif' border='0'  alt='+' />


Decrease Warning
CODE
<img src='http://www.spreebb.com/style_images/1/warn_minus.gif' border='0'  alt='-' />
Top
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
« Next Oldest | Banner/Logo, Forum Markers and Skin Installation (Spreeboards hosted IPB) | Next Newest »

Topic Options


eXTReMe Tracker

Images have been taken from various sources around the web, or created by me.
Appliction methods and skin codes are created by me.
Board created Apr 25 2005, 10:39 PM
All skin codes © Copyright 2007 Kelly's Skins Collection


Hosted for free by InvisionFree (Terms of Use: Updated 7/7/05) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Archive