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
SZ Recreation (Green Version)
Topic Started: Jul 1 2005, 05:34 AM (726 Views)
Doffy90
Member Avatar
That boy is a mons†er
[ *  *  *  *  *  *  *  * ]
Name: SZ Recreation (Green Version)
Author: Christopher, Me
Skin Number: Don't Know
Date Created: 01/07-06
Side Notes: Available In Different ColorsPreview


CSS:
Quote:
 
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: #E2E2E2; margin:0px 10px 0px 10px;background-color:#FFF }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #54b462; }
a:link, a:visited, a:active { text-decoration: none; color: #418649 }
a:hover { color: #62d267; text-decoration:underline }

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

img.attach { border:1px inset #c2dfce;padding:1px }

.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:10px; color: #54b462 }
.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    subme{ 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-image: url(http://i2.ifrm.com/3896/102/pip/Caldate.jpg);padding:5px;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 #c5d4c4;background-color: #FFFFFF }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #FFFFFF; border:1px solid #c5d4c4;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #c5d4c4;background-color: #FFFFFF;background-image:url(http://);padding:0px;margin:0px; }
#submenu  { border:1px solid #c5d4c4;background-image: url(http://i2.ifrm.com/3896/102/pip/Submenu.jpg);font-size:10px;margin:3px 0px 3px 0px;color:#54b462;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #418649; }
#submenu a:hover { color: #62d267; border-left: 1px solid #c5d4c4; border-right: 1px solid #c5d4c4; border-top: 1px solid #c5d4c4; border-bottom: 1px solid #c5d4c4; text-decoration: none; background-image: url(http://i2.ifrm.com/3896/102/pip/Submenuhover.jpg); padding:1px; }
#userlinks { border:1px dashed #c2dfce; background-color: #FFFFFF }

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

.activeuserstrip { background-image: url(http://i2.ifrm.com/3896/102/pip/Activeuserstrip.jpg); padding:6px }

.pformstrip { background-image: url(http://i2.ifrm.com/3896/102/pip/Pformstrip.jpg); color:#54b462;font-weight:bold;padding:4px;margin-top:1px;font-size:10px; }
.pformleft  { background-color: #FFFFFF; padding:6px; margin-top:1px;width:25%; border-top:1px solid #c2dfce; border-right:1px solid #c2dfce; }
.pformleftw { background-color: #FFFFFF; padding:6px; margin-top:1px;width:40%; border-top:1px solid #c2dfce; border-right:1px solid #c2dfce; }
.pformright { background-color: #FFFFFF; padding:6px; margin-top:1px;border-top:1px solid #c2dfce; }

.post1 { background-color: #FFFFFF }
.post2 { background-color: #FFFFFF }
.postlinksbar { background-color:#FFF;padding:5px;margin-top:1px;font-size:10px; background-image: url(http://i2.ifrm.com/3896/102/pip/Postlinkbar.jpg) }

.row1 { background-color: #FFFFFF }
.row2 { background-color: #eaf8e8 }
.row3 { background-color: #FFFFFF }
.row4 { background-color: #FFFFFF }
div.row4 { border-color: #c2dfce!important;background-color:#FFF}

.darkrow1 { background-color: #eaf8e8; color:#51b64c; }
.darkrow2 { background-image: url(http://i2.ifrm.com/3896/102/pip/Darkrow2.jpg); color:#54b462; }
.darkrow3 { background-image: url(http://i2.ifrm.com/3896/102/pip/Darkrow3.jpg); color:#54b462; }

.hlight { background-color: #FFFFFF }
.dlight { background-color: #FFFFFF }

.titlemedium { font-weight:bold; color:#54b462; padding:5px; margin:0px; background-image: url(http://i2.ifrm.com/3896/102/pip/Titlemedium.jpg);font-size:10px }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #54b462 }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i2.ifrm.com/3896/102/pip/Maintitle2.jpg);text-align:center }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { color: #FFF; border-left: 1px solid #c5d4c4; border-right: 1px solid #c5d4c4; border-top: 1px solid #c5d4c4; border-bottom: 1px solid #c5d4c4; text-decoration: none; background-image: url(http://i2.ifrm.com/3896/102/pip/Maintitlehover.jpg); padding:1px; }

.plainborder { border:1px solid #c5d4c4;background-color:#c5d4c4 }
.tableborder { border:0px solid #c5d4c4;background-color:#c5d4c4; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #c5d4c4;background-color:#FFFFFF;padding:6px;  }
.tablepad    { background-color:#FFFFFF;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:#54b462 }
.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: 10px; color: #7baa7d; background-color: #FFFFFF; border-top: 1px solid #c5d4c4; border-bottom: 1px solid #c5d4c4; border-left: 1px solid #c5d4c4; border-right: 1px solid #c5d4c4; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px }
#CODE  { font-family: Verdana, Arial;  font-size: 9px; color: #7baa7d; background-color: #FFFFFF; border: 1px solid #c5d4c4; 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; border: 1px solid #c5d4c4;background-image: url(http://i2.ifrm.com/3896/102/pip/Codebuttons.jpg); }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;color:#54b462; font-family: verdana, helvetica, sans-serif; vertical-align: middle;border: 1px solid #c5d4c4;background-color:#eaf8e8;}

.thin { padding:1px 0px 1px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #c5d4c4;border-bottom:1px dashed #c5d4c4;border-left:1px solid #c5d4c4;border-right:1px solid #c5d4c4 }

.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 }
</STYLE><CENTER>Skin <B>SZ Recreation (Green Version)</B> created by <B>Doffy90</B> of the <A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK"><B>IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">



Header & Body:
Quote:
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<center><table cellpadding="0" cellspacing="0" width="300">
<tr>
<td><img src="http://i2.ifrm.com/3896/102/pip/LeftTop.jpg" /></td><td width="100%" background="http://i2.ifrm.com/3896/102/pip/Top.jpg"></td><td><img src="http://i2.ifrm.com/3896/102/pip/RightTop.jpg" /></td></tr>
<tr>
<td background="http://i2.ifrm.com/3896/102/pip/Left.jpg"><img src="http://i2.ifrm.com/3896/102/pip/Left.jpg" /></td><td>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>



Footer:
Quote:
 
</td><td background="http://i2.ifrm.com/3896/102/pip/Right.jpg"><img src="http://i2.ifrm.com/3896/102/pip/Right.jpg" /></td></tr>
<tr>
<td><img src="http://i2.ifrm.com/3896/102/pip/RightBottom.jpg" /></td><td background="http://i2.ifrm.com/3896/102/pip/Bottom.jpg"></td><td><img src="http://i2.ifrm.com/3896/102/pip/LeftBottom.jpg" /></td></tr></table>


Updated with links to the other colors 01/07-05
Updated CSS 01/07-07
Offline Profile Quote Post Goto Top
 
Duoi
Member Avatar
p i x e l
[ *  *  *  *  * ]
The boarder is too far away from the forum. the space is too big. But nice try.
Offline Profile Quote Post Goto Top
 
Doffy90
Member Avatar
That boy is a mons†er
[ *  *  *  *  *  *  *  * ]
oki Im gonna make another one now so I'll make that with the border closer :)
Offline Profile Quote Post Goto Top
 
Lady Luck
Member Avatar
Texas Ranger
[ *  *  *  *  * ]
Okay here is what I am diggin: The Portal, help, search, members and calendar hover thingey. Tis awesome! :D The I like this border you have goin on even if it is a bit far away. It reminds me of a big mint. lol :P Take that in a good way not bad way. :(
Okay here is some stuff I am going to have a opinion on: Um the maintittle just seems to be a lil to dark and just throws the tittle meduim off. :( Not that it looks bad cause it doesn't ,it just sticks out a lot and you want everything to flow. Ya know? :) Very nice tis almost looks like a lil mini green sz(skin). Hehehe! Good work and keep it up. ;)
8/10
Offline Profile Quote Post Goto Top
 
bladiya
Member
[ * ]
ooohhh...i like the skin. i think i could use it for my site...
Offline Profile Quote Post Goto Top
 
YoRone22
Member Avatar
4
[ *  *  *  *  *  *  * ]
Borders too far away. Other than that it's sweet. :D
Offline Profile Quote Post Goto Top
 
thatiskool
Member Avatar
Deuce is Loose!!
[ *  *  *  *  * ]
Borders waaaayyy too far away. Other than that it's nice. 6.9/10.
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
Looks pretty good, it has a soft feeling to it.

In my opinion the maintitle should be darker, or atleast falf of it should, it looks all the same colour at the moment, you have to go right up to your monitor to tell theres a grad there.

Your image borders are quite irratating, there to far away from the rest of the board, bring them closer to your table. They have a nice design though.

That's about it really, good job. :) 7/10.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply