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
Old School Black
Topic Started: Jan 9 2005, 01:52 AM (370 Views)
Cybrus-ZNR
Member Avatar
Member
[ *  *  * ]
Name: Old School Black
Author: Cybrus
Skin Number: I've been skinning for a year, no way have I kept up with the number
Date Created: Jan. 9, 2005.
Side Notes:Skins have gotten way too complicated for my liking, so I created a simple black skin as a way to paying homage to the past. Back when skins where simple, yet attractive. Before the desire to overcomplicate things with enhanced gradients and unneeded tables. Back when all you really needed was a simple gradient maker and CSS understanding and you could make a decent skin without fear of someone telling you that you need to make it more complex to fit in with “current standards”. So hereÂ’s my tribute to the past, and my way of showing that simplicity can still hold itÂ’s own against modern trends. I don't expect a WOW rating or high praise, but I'm happy with the outcome. B)


Skin Preview


CSS of skin:
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: 11px; color: #ADAAAA;  margin:0px 23px 0px 23px;background-color:#000000 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #ADAAAA; }
a:link, a:visited, a:active { text-decoration: underline; color: #ADAAAA}
a:hover { color: #292828; text-decoration:none}

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

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

.googleroot  { padding:2px; line-height:130% }
.googlechild { padding:2px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #ADAAAA; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#ADAAAA; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#ADAAAA}

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help    { padding:0px 0px 0px 15px }

</STYLE><CENTER>Skin created by <B>Cybrus</B>. Find more great skins at the <B><A HREF="http://invisionfree.com/directory.php?go=14761" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#ADAAAA}
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#ADAAAA;background-color:#000000;padding:2px;margin:0px }

.warngood { color:green }
.warnbad  { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:7px 0px 7px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:2px; }
#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#292828;background-color: #000000 }
#ucpmenu p  { padding:1px 2px 2px 3px;margin:0px; }
#ucpcontent { background-color: #000000; border:1px solid#292828;line-height:150%; width:auto }
#ucpcontent p  { padding: 3px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid#292828;background-color: #000000;background-image:url();padding:0px;margin:0px; }
#submenu  { border:1px solid#292828;background-color: #000000;font-size:10px;margin:3px 0px 3px 0px;color:#ADAAAA;font-weight:bold; background-image: url(http://i4.ifrm.com/2464/167/upload/p45373.jpg)}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #ADAAAA; }
#submenu a:hover { color: #292828; text-decoration:underline}

#userlinks { border:1px solid#292828; background-color: #000000; background-image: url(http://i4.ifrm.com/2464/167/upload/p45406.jpg) }
#userlinks a:hover { color: #292828; text-decoration:none}

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

.activeuserstrip { background-color:#000000; padding:2px; background-image: url(http://i4.ifrm.com/2464/167/upload/p45406.jpg) }

.pformstrip { background-color: #000000; color:#ADAAAA;font-weight:bold;padding:3px;margin-top:1px; background-image: url(http://i4.ifrm.com/2464/167/upload/p45406.jpg)  }
.pformleft  { background-color: #000000; padding:2px; margin-top:1px;width:25%; border-top:1px solid #292828; border-right:1px solid #292828; }
.pformleftw { background-color: #000000; padding:2px; margin-top:1px;width:40%; border-top:1px solid #292828; border-right:1px solid #292828; }
.pformright { background-color: #000000; padding:2px; margin-top:1px;border-top:1px solid #292828; }

.post1 { background-color: #000000}
.post2 { background-color: #000000 }
.postlinksbar { background-color:#000000;padding:3px;margin-top:1px;font-size:10px; background-image: url(http://i4.ifrm.com/2464/167/upload/p45406.jpg) }

.row1 { background-color: #000000 }
.row2 { background-color: #000000 }
.row3 { background-color: #000000 }
.row4 { background-color: #000000 }

.darkrow1 { background-color: #000000; color:#ADAAAA;background-image: url(http://i4.ifrm.com/2464/167/upload/p45406.jpg) }
.darkrow2 { background-color: #000000; color:#ADAAAA; background-image: url(http://i4.ifrm.com/2464/167/upload/p45406.jpg) }
.darkrow3 { background-color: #000000; color:#ADAAAA;background-image: url(http://i4.ifrm.com/2464/167/upload/p45406.jpg) }

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

.titlemedium { font-weight:bold; color:#ADAAAA; padding:3px; margin:0px; background-image: url(http://i4.ifrm.com/2464/167/upload/p45406.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #ADAAAA}

.maintitle { vertical-align:middle;font-weight:bold; color:#ADAAAA; letter-spacing:1px; padding:6px 0px 6px 5px; background-image: url(http://i4.ifrm.com/2464/167/upload/p45373.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #ADAAAA}
.maintitle a:hover {  color: #292828;text-decoration: underline }

.plainborder { border:1px solid#292828;background-color:#000000}
.tableborder { border:1px solid#292828;background-color:#292828; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid#292828;background-color:#000000;padding:2px;  }
.tablepad    { background-color:#000000;padding:2px }
.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:#ADAAAA}
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #ADAAAA}
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #ADAAAA}
.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:#ADAAAA; background-color:#000000 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #ADAAAA; background-color: #000000; border: 1px solid #292828; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #ADAAAA; background-color: #000000; border: 1px solid #292828; 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 color: #292828; background-color: #000000; color: #ADAAAA; margin: 1px 0px 0px 0px}
.forminput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;  background-color: #000000; color: #ADAAAA}
.textinput { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid color: #292828;  background-color: #000000; color: #ADAAAA}

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #292828;border-bottom:1px solid #292828}

.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
 
Eject
Member Avatar
Raise The Alarm
[ *  *  *  *  *  *  * ]
its pretty good
Offline Profile Quote Post Goto Top
 
Lady Luck
Member Avatar
Texas Ranger
[ *  *  *  *  * ]
Those grads a sexy yet simple. I like it. It is really nice and simple, and I am a smiple person. So this skin is really good! Keep it up! 8.9/10 B)
Offline Profile Quote Post Goto Top
 
Scott
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Meh, finally someone else who can't keep up with the new generation of skinning. :P Anyway, the maintitle and titlemedium seem to cut eachother off and just clash somehow. Besides that, the isn't very many problems. I suggest taking the gradient off the darkrow1 and darkrow3 unless you're willing to use javascript to fix some problems. They both do more bad with gradients than they do good. Keep up the good work. :)
Offline Profile Quote Post Goto Top
 
Lurk
Member Avatar
forces.ca
[ *  *  *  *  *  * ]
I like the skin very nice job and very dark, a good skin overall.
Offline Profile Quote Post Goto Top
 
coolgreen44
Member Avatar
Member
[ *  * ]
nice skin
Offline Profile Quote Post Goto Top
 
lewiskahn8
Member Avatar
da skinner muuh wahh oh yeah
[ *  *  *  *  *  * ]
The grads arn't loading for me. Only the banner is. But what i see the black i think it looks cool 7/10 for that i'll rate again if the grads load.
Offline Profile Quote Post Goto Top
 
Amberon
Member Avatar
Winter is Coming
[ *  *  *  *  *  *  *  *  * ]
you need to blend the maintitle and titlemedium better but it's a good and simple, clean cut skin.

7/10
Offline Profile Quote Post Goto Top
 
Charlo
Member Avatar
1337er than j00
[ *  *  *  *  *  *  * ]
Nice job, but there's a bit too much black. It would work well with a Goth person's forum. 7.5/10. :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply