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
SZ Recreation
Topic Started: Jun 29 2005, 04:25 PM (1,841 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
 
Jay-Z
^ Burnley FC 4 ever ^
[ *  *  *  *  *  * ]
i like it it looks a like SZ apart from the board image
Offline Profile Quote Post Goto Top
 
Zeus00
Member Avatar
I used to live in silence, I used to sleep in silence. Now all I hear is a marching of soldiers in my head.
[ *  *  *  *  *  *  *  *  * ]
Quotes fixed.
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
It looks pretty good, and is quite close looking to the skin zone skin.

My only problem is that the maintitle looks quite flat next to the titlemedium and the pformstrip, i would darken the darkest colour in the maintitle, also maybe try and add the 3d look at the top of sz maintitle.

If you really want it to look like the sz skin maybe add some image borders too.

Good job! 7/10.
Offline Profile Quote Post Goto Top
 
Doffy90
Member Avatar
That boy is a mons†er
[ *  *  *  *  *  *  *  * ]
Tranquil
Jun 29 2005, 08:35 PM
It looks pretty good, and is quite close looking to the skin zone skin.

My only problem is that the maintitle looks quite flat next to the titlemedium and the pformstrip, i would darken the darkest colour in the maintitle, also maybe try and add the 3d look at the top of sz maintitle.

If you really want it to look like the sz skin maybe add some image borders too.

Good job! 7/10.

I have updated the maintitle
Offline Profile Quote Post Goto Top
 
Dai
Member
[ *  * ]
Cool, look good
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Its not a rip ;) So dont worry.

Looks good. As Tranquil said, you should add some image borders.
Offline Profile Quote Post Goto Top
 
Ubarious
Member Avatar
Member
[ *  * ]
Image borders would be nice, and of course, the userlinks bar grad isnt the best.
Offline Profile Quote Post Goto Top
 
Doffy90
Member Avatar
That boy is a mons†er
[ *  *  *  *  *  *  *  * ]
I'll add image borders tomorrow
Offline Profile Quote Post Goto Top
 
ThEta
.
[ *  *  *  *  *  * ]
Looks good,

probably more of a "SZ Inspired" than a recreation.

I too would like to see the addition of image borders.
Offline Profile Quote Post Goto Top
 
YoRone22
Member Avatar
4
[ *  *  *  *  *  *  * ]
You should have made some image borders. :/
Offline Profile Quote Post Goto Top
 
Vivi Lund
Member Avatar
Member
[ *  * ]
Interesting effect on the links (userlinks)... I haven't seen it before, and you've pulled it off well!
Offline Profile Quote Post Goto Top
 
Krysie
Member Avatar
·-€Real Emotion€-·
[ *  *  *  *  * ]
Very nice skin :)
Offline Profile Quote Post Goto Top
 
Doffy90
Member Avatar
That boy is a mons†er
[ *  *  *  *  *  *  *  * ]
Oki now I updated with image borders, tell me what you think now
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
Maybe take the opacity on them down a tiny bit, but the shapings good.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1