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
Sheep Skin; Random Name
Topic Started: Nov 9 2005, 10:03 AM (323 Views)
Blam Blam Blam
Member
[ *  *  * ]
Name: Sheep Skin
Author: Phil (Myself)
Skin Number: 1
Date Created: Random days.
Side Notes:

Was originally gonna be used on my forums but I kinda gave up halfway through and came up with this.

Enjoy.

Preview : HERE


Header & Body

Code:
 
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0"  bgcolor="ffffff" valign="top" height="100%" width="945"><tr><td valign="top" height="100%"  background="http://img495.imageshack.us/img495/5035/leftboirder5gh.jpg" style="padding:75px;border:0px;"></td><td height="100%" valign="top">

<% BOARD HEADER %>

<% NAVIGATION %>


<% BOARD %>

<br /><div align="center"><div class="tableborder" style="width: 35%"><div class="row4" style="font-size: 7.5pt; line-height: 12px; border:1px solid #b2b2b2; padding:4px 0px 4px 0px; spacing:0px 0px 0px 0px"></div></div></div>

<% STATS %>

<div align='center'>Sheep Skin created by <b>Phil</b> of the gweatust 4ums evar - <b><a href="http://invisionfree.com/directory.php?go=318538" target="_blank">Word Forums</a></b>.</div>


Footer

Code:
 
</td><td align="left" valign="top" background="http://img495.imageshack.us/img495/1610/rightborderrr8js.jpg" style="padding:75px;border:0px;"></td></tr></table>


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: #000; margin:0px 10px 0px 10px;background-color:#3585A6 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #808080; }
a:link, a:visited, a:active { text-decoration: none; text-weight: bold; color: #51709C }
a:hover { color: #97C577; text-decoration:none }

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

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:#7C7C7C;background-color:#DFE6EF;background-image: url(http://img383.imageshack.us/img383/6531/qqqqqqqqqqqqhffhfggf3fz.jpg);padding:3px;border-bottom:1px solid #c9c9c9;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 #C9C9C9;background-color: #F2F2F2 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F2F2F2; border:1px solid #C9C9C9;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:0px solid #9C9C9C;background-color: #f0f0f0;padding:0px;margin:0px; }
#submenu  { border:1px dotted #7BAFC5;background-color: #F4FAFD;font-size:10px;margin:3px 0px 3px 0px;color:#658AB4;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #658AB4; }
#submenu a:hover { color: #C7C7C7; text-decoration:none }
#userlinks { border:1px dotted #7BAFC5; background-color: #F4FAFD }

#navstrip  { font-weight:bold;background-color:#F4FAFD; border:1px dotted #7BAFC5;padding:3px 0px 6px 0px; }

.activeuserstrip { background-color:#F8F8F8; padding:3px;background-image: url(http://img383.imageshack.us/img383/6531/qqqqqqqqqqqqhffhfggf3fz.jpg);border-left:1px solid #C9C9C9;border-right:1px solid #C9C9C9;border-top:1px solid #C9C9C9; }

.pformstrip { background-color: #F8F8F8; color:#7C7C7C;background-image:url(http://img288.imageshack.us/img288/6082/rowunermaintitle5zy.jpg);font-weight:bold;padding:3px;margin-top:1px }
.pformleft  { background-color: #F8F8F8; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C9C9C9; border-right:1px solid #C9C9C9; }
.pformleftw { background-color: #F8F8F8; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C9C9C9; border-right:1px solid #C9C9C9; }
.pformright { background-color: #F8F8F8; padding:6px; margin-top:1px;border-top:1px solid #C9C9C9; }

.post1 { background-color: #F8F8F8 }
.post2 { background-color: #F8F8F8 }
.postlinksbar { background-color:#D1DCEB;border-left:1px solid #C9C9C9; border-right:1px solid #C9C9C9;padding:3px;margin-top:1px;font-size:10px; background-image: url(http://img288.imageshack.us/img288/6082/rowunermaintitle5zy.jpg) }

.row1 { background-color: #E4E9EF; border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF; }
.row2 { background-color: #E4E9EF; border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF; }
.row3 { background-color: #EDF1F4; border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF; }
.row4 { background-color: #EDF1F4; border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF; }
div.row4 {border-color:#C9C9C9;border:1px dotted #C9C9C9!important}

.darkrow1 { background-color: #ffffff; color:#ffffff; }
.darkrow2 { background-color: #ffffff; color:#ffffff;background-image: url(http://img383.imageshack.us/img383/6531/qqqqqqqqqqqqhffhfggf3fz.jpg) }
.darkrow3 { background-color: #ffffff; color:#ffffff;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF; }

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

.titlemedium { font-weight:bold; color:#7C7C7C; padding:3px; margin:0px; background-image: url(http://img288.imageshack.us/img288/6082/rowunermaintitle5zy.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #7C7C7C }

.maintitle { vertical-align:middle;text-align:center;font-weight:bold; color:#EEEEEE;letter-spacing:1px;background-position:center;padding:5px 0px 5px 8px; background-image: url(http://img288.imageshack.us/img288/6082/rowunermaintitle5zy.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color:FFFFFF # }
.maintitle a:hover { text-decoration: none }

div.maintitle { vertical-align:middle;text-align:center;font-weight:bold; color:#EEEEEE; letter-spacing:1px;background-color: #ffffff;background-repeat:no-repeat;padding:15px 0px 13px 0px; background-image: url(http://img383.imageshack.us/img383/566/ts3greyedgewwww5fk.jpg) }
div.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFFFFF }
div.maintitle a:hover { text-decoration: none }

.plainborder { border-left:1px solid #D1D1E1;border-right:1px solid #D1D1E1;border-bottom:1px solid #D1D1E1;border-top:1px solid #455F85;background-color:#f0f0f0 }
.tableborder { border-left:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;border-top:1px solid #EEEEEE;background-color:#D1D1E1; padding:0px; margin:0px; width:100% }
div.plainborder{border:2px solid #f0f0f0;background-color:#f0f0f0}
div.tableborder{border:0px solid #f0f0f0;border-bottom:1px solid #ffffff;background-color:#}
.tablefill  { border:1px solid #D1D1E1;background-color:#F8F8F8;padding:6px;  }
.tablepad    { background-color:#F8F8F8;border:1px solid #D1D1E1; 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:#808080 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #808080 }
.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: #759EC2; background-color: #F8F8F8; border-left: 3px solid #759EC2; border-right:1px dotted #759EC2;border-top:1px dotted #759EC2;border-bottom:1px dotted #759EC2;padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Verdana, Arial; font-size: 11px; color: #80B662; background-color: #F8F8F8; border-left: 3px solid #80B662; border-right:1px dotted #80B662;border-top:1px dotted #80B662;border-bottom:1px dotted #80B662;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; color:#ACACAC ; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-color:#F8F8F8; background-image: url(  ); background-position:center;border:1px solid #C9C9C9 ; }

.forminput, .radiobutton, .checkbox  { border:1px solid #C9C9C9; color: #ACACAC;background-color:#F8F8F8 ; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-image: url(    ); }

.textinput {  border: 1px solid #C9C9C9;background-color:#F8F8F8; font-size: 10px; color:#ACACAC; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:1px 0px 3px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px dotted #C9C9C9;border-bottom:1px dotted #C9C9C9 }


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

Offline Profile Quote Post Goto Top
 
Steve
Member Avatar
patriot
[ *  *  *  *  *  *  *  *  *  * ]
The skin is very nice, however the maintitle lets it down. Also you need copyright linking towards the SZ too. ;)
Offline Profile Quote Post Goto Top
 
Blam Blam Blam
Member
[ *  *  * ]
Done.
Offline Profile Quote Post Goto Top
 
DaNtE X
Member
[ *  *  *  *  *  *  * ]
I LOVE that border on the side, its awesome.
Offline Profile Quote Post Goto Top
 
.EndotroniX
Joe10 for admin
[ *  *  *  *  *  * ]
Very Interesting, i like the vectory effects on the maintitle, especially when they are on the glossy part. This is one of the best first skins i've ever seen. A few things i noticed are that the blue on the maintitle clashes with the gray titlemedium, but the forums flow together very well. The calendar looks good, the portal doesn't look bad, i like the background, overall it's a pretty decent skin, and awesome for a first. You just way want to pay attention to colors readability of all pages, not just the main page, and of course, keep practicing!
Offline Profile Quote Post Goto Top
 
Black Widow
Member Avatar
Quack
[ *  *  *  *  *  *  *  *  * ]
Yeah, it is a bit obvious that you gave up half way through :P

It's too bad, because this skin has some serious potential. The border on the left looks nice, but you should try to add one to the right side too, symmetry you know ;) Your maintitle is already symmetrical, so your borders should be too. Also, your maintitle looks a little choppy...the border stroke you used for the silver part seems way too thick and it makes the edges look blocky and rough. Your hover color is green...is it supposed to be green, because the rest of your skin is blue? :huh:

Keep at it, it is easy to give up, but so much more rewarding to see your projects through ;)
Offline Profile Quote Post Goto Top
 
Blam Blam Blam
Member
[ *  *  * ]
There should be a border on both sides.

Offline Profile Quote Post Goto Top
 
Black Widow
Member Avatar
Quack
[ *  *  *  *  *  *  *  *  * ]
Hmm, that's odd. Attached is what I see ;)
Offline Profile Quote Post Goto Top
 
Blam Blam Blam
Member
[ *  *  * ]
Should look like this.

Posted Image
Offline Profile Quote Post Goto Top
 
Death/cab
Member Avatar
Member
[ * ]
Looks really nice, and this is your first skin?
Wish I could do that good on my first. :/
Anyway, really good.
Keep Working On It!
Offline Profile Quote Post Goto Top
 
<AFH>XaviEr
Member
[ * ]
whoa nice skin
Offline Profile Quote Post Goto Top
 
Blam Blam Blam
Member
[ *  *  * ]
Thanks.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Mixed · Next Topic »
Add Reply