We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Winter Frost
Topic Started: Dec 4 2007, 05:11 PM (1,354 Views)
Cammie
Member Avatar
Member
[ * ]
Name: Winter Frost
Author: Cammie
Skin Number: 1
Date Created: 12/2/07
Side Notes: I've made skins before this, but have never shared them here. This one was for a board I staff, but I'm pretty happy with how it came out.

Preview of the Skin

CSS
Code:
 

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #505050; margin: 22px 22px 22px 22px; background-color:#ffffff; background-image: url(http://i5.tinypic.com/7xcxukx.jpg);}

TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #505050; }
a:link, a:visited, a:active { text-decoration: underline; color: #707070 }
a:hover { color: #606060; text-decoration:none }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

.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:#505050;background-color:#ffffff; background-image: url(http://i9.tinypic.com/72ux0zl.png);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 #808080;background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png); border:1px solid #808080;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #808080;background-color: #ffffff;background-image:url(http://i13.tinypic.com/8bpw5ki.png);padding:0px;margin:0px; }
/* Skin Created using the Premium CSS Generator at [URL=http://ifskinzone.net/main.php]http://ifskinzone.net/main.php[/URL] */
#submenu { border:1px solid #808080;background-color: #ffffff; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#505050;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #707070; }
#userlinks { border:1px solid #808080; background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }

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

.activeuserstrip { background-color:#ffffff; background-image: url(http://); padding:6px }

.pformstrip { background-color: #ffffff; background-image: url(http://i4.tinypic.com/6tws3fc.png); color:#505050;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #ffffff; background-image: url(http://ii13.tinypic.com/8bpw5ki.png); padding:6px; margin-top:1px;width:25%; border-top:1px solid #808080; border-right:1px solid #808080; }
.pformleftw { background-color: #ffffff; background-image: url(http://ii13.tinypic.com/8bpw5ki.png); padding:6px; margin-top:1px;width:40%; border-top:1px solid #808080; border-right:1px solid #808080; }
.pformright { background-color: #ffffff; background-image: url(http://ii13.tinypic.com/8bpw5ki.png); padding:6px; margin-top:1px;border-top:1px solid #808080; }

.post1 { background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }
.post2 { background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }
.postlinksbar { background-color:#ffffff;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }

.row1 { background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }
.row2 { background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }
.row3 { background-color: #ffffff; background-image: url(http://) }
.row4 { background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }

.darkrow1 { background-color: #000000; background-image: url(http://i13.tinypic.com/7yi02gm.png); color:#505050; }
.darkrow2 { background-color: #000000; background-image: url(http://i13.tinypic.com/7yi02gm.png); color:#505050; }
.darkrow3 { background-color: #000000; background-image: url(http://i13.tinypic.com/7yi02gm.png); color:#505050; }

.hlight { background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }
.dlight { background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png) }

.titlemedium { font-weight:bold; color:#505050; padding:7px; margin:0px; background-color: #ffffff; background-image: url(http://) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #70707 }

.maintitle { vertical-align:middle;font-weight:bold; color:#505050; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #ffffff; background-image: url(http://i4.tinypic.com/6tws3fc.png) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #505050 }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #808080;background-color:#808080; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #808080;background-color:#ffffff; background-image: url(http://ii13.tinypic.com/8bpw5ki.png);padding:6px; }
.tablepad { background-color:#ffffff; background-image: url(http://ii13.tinypic.com/8bpw5ki.png);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:#505050 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.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 }

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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #505050; background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png); border: 1px solid #808080; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #505050; background-color: #ffffff; background-image: url(http://i13.tinypic.com/8bpw5ki.png); border: 1px solid #808080; 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 #808080;border-bottom:1px solid #808080 }

.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 }

HEADER
Code:
 

<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" height="100%">
<tr>
<td width=17px background="http://i1.ifrm.com/2763/45/upload/p5919.gif"></td>
<td>        
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %></style>
Offline Profile Quote Post Goto Top
 
FpT
Member Avatar
Member
[ *  * ]
Yery nice, but I suggest that you mke the background match the maintitle, it'll look better that way. ^^
Offline Profile Quote Post Goto Top
 
Cammie
Member Avatar
Member
[ * ]
That's just the banner for the testing board. If people use it they can change that.
Offline Profile Quote Post Goto Top
 
Bibbity
Member Avatar
absofruitly
[ *  *  *  *  *  *  * ]
Missing Copyright

It seems your submission does not include the required internal copyright.

All skins posted at the SZ need to have an internal CSS copyright which links back to the SZ.

Please update your submission and put the code found in this thread into your CSS.

You have approx. 24 hours to update this thread correctly and in accordance with our guidelines before your skin will be trashed.

Thank you!

SZ Staff
Offline Profile Quote Post Goto Top
 
Valdez
Member Avatar
►:▓░▬┴♣ ╝♀╞
[ *  *  *  * ]
Very nice skin!
Offline Profile Quote Post Goto Top
 
Hotgun3
Member
[ *  * ]
Very good skin!
Offline Profile Quote Post Goto Top
 
Cammie
Member Avatar
Member
[ * ]
Dang it, I knew I was missing something.

Just put that in.

Thanks for reminding me about the copyright!
Offline Profile Quote Post Goto Top
 
ellisdex
Member Avatar
Member
[ *  *  * ]
i like it better than the birch skin you made
Offline Profile Quote Post Goto Top
 
Mortgrim slithe
Member Avatar
Member
[ *  * ]
I recommend centering your forums on the centered board. In other words, extend the background in the footer by 5 px or so. Other than that, great!

9/10
Offline Profile Quote Post Goto Top
 
Cammie
Member Avatar
Member
[ * ]
ellisdex
Dec 7 2007, 04:20 PM
i like it better than the birch skin you made

I cannot tell you how much I agree with you.
Offline Profile Quote Post Goto Top
 
Jayde529
Member
[ * ]
I'm liking this skin....very nice....8.5/10 :yes:
Offline Profile Quote Post Goto Top
 
johnleemalvo
Member Avatar
Member
[ *  * ]
i like it......... 8/10
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply