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
  • Pages:
  • 1
  • 2
SZ Recreation
Topic Started: Jun 29 2005, 04:25 PM (1,842 Views)
Doffy90
Member Avatar
That boy is a mons†er
[ *  *  *  *  *  *  *  * ]
Name: SZ Recreation
Author: Doffy90
Skin Number: Don't know
Date Created: 29/06-05
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: #5482B4; }
a:link, a:visited, a:active { text-decoration: none; color: #416286 }
a:hover { color: #6298D2; text-decoration:underline }

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

img.attach { border:1px inset #C2CFDF;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: #5482B4 }
.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/3880/35/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 #C4CDD4;background-color: #FFFFFF }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #FFFFFF; border:1px solid #C4CDD4;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #C4CDD4;background-color: #FFFFFF;background-image:url(http://);padding:0px;margin:0px; }
#submenu   { border:1px solid #C4CDD4;background-image: url(http://i2.ifrm.com/3880/35/pip/Submenu.jpg);font-size:10px;margin:3px 0px 3px 0px;color:#5482B4;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #416286; }
#submenu a:hover { color: #6298D2; border-left: 1px solid #C4CDD4; border-right: 1px solid #C4CDD4; border-top: 1px solid #C4CDD4; border-bottom: 1px solid #C4CDD4; text-decoration: none; background-image: url(http://i2.ifrm.com/3880/35/pip/Submenuhover.jpg); padding:1px; }
#userlinks { border:1px dashed #C2CFDF; background-color: #FFFFFF }

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

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

.pformstrip { background-image: url(http://i2.ifrm.com/3880/35/pip/Pformstrip.jpg); color:#5482B4;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 #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #FFFFFF; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #FFFFFF; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.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/3880/35/pip/Postlinkbar.jpg) }

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

.darkrow1 { background-color: #E8F0F8; color:#4C77B6; }
.darkrow2 { background-image: url(http://i2.ifrm.com/3880/35/pip/Darkrow2.jpg); color:#5482B4; }
.darkrow3 { background-image: url(http://i2.ifrm.com/3880/35/pip/Darkrow3.jpg); color:#5482B4; }

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

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

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i2.ifrm.com/3880/35/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 #C4CDD4; border-right: 1px solid #C4CDD4; border-top: 1px solid #C4CDD4; border-bottom: 1px solid #C4CDD4; text-decoration: none; background-image: url(http://i2.ifrm.com/3880/35/pip/Maintitlehover.jpg); padding:1px; }

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

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

.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</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/3880/35/pip/RightTop.jpg" /></td><td width="100%" background="http://i2.ifrm.com/3880/35/pip/Top.jpg"></td><td><img src="http://i2.ifrm.com/3880/35/pip/LeftTop.jpg" /></td></tr>
<tr>
<td background="http://i2.ifrm.com/3880/35/pip/Left.jpg"><img src="http://i2.ifrm.com/3880/35/pip/Left.jpg" /></td><td>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


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


Note: I have created this skin all by myself, I have gotten ideas from other sskins but I have not copied and pasted anything, so I would appriciate if you guy's won't give me the comments that Im a ripper because Im not

Updated CSS 29/06-05
Updated CSS 29/06-05
Updated Header & Body 30/06-05
Updated Footer 30/06-05
Updated CSS 30/06-05
Updated with image borders 30/06-05
Updated with opacity on image borders 30/06-05
Updated with links to the other colors 01/07-05
Updated CSS 01/07-05
Offline Profile Quote Post Goto Top
 
Replies:
Rεd
Silence. I'm thinking.
[ *  *  *  *  *  * ]
WOWZER! This is an awesome skin! But why is is so thin? It looks like it's been on a diet for years. O_o

The side borders are great! Except the amount of saturation in them doesn't match the rest of the skin. If it did, this would be better than the original! :o
Offline Profile Quote Post Goto Top
 
GJCFBugleBoy
The Doctor of Skin-o-nomics
[ *  *  *  * ]
Quote:
 
But why is is so thin? It looks like it's been on a diet for years.


:haha: What does a skin eat when it's on a diet anyhow?

[/offtopic]

Pretty nice skin. I too would go with the "inspired" rather than recreation title, but it looks good. Knock back the opacity or saturation on the borders and it would look better, because they look too dark compared to the rest of the skin.

Otherwise, good job. B)
Offline Profile Quote Post Goto Top
 
Lugiatm
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Fix the Portal.
Offline Profile Quote Post Goto Top
 
Doffy90
Member Avatar
That boy is a mons†er
[ *  *  *  *  *  *  *  * ]
what do you mean by that?

btw fixed the opacity
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2