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
Dry Blood (really basic) : (; Red and Black
Topic Started: Mar 25 2007, 02:51 PM (756 Views)
Scratfin
Member Avatar
Member
[ *  * ]
Name:Dry Blood
Author Scratfin:
Skin Number 1:
Date Created:25th of March
Side Notes:I ROCK


Preview of the skin





Header & Body::::
Quote:
 
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#8b0000" vlink="#8b0000"><body text="#696969" link="#8b0000" vlink="#b22222" alink="#b22222" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="768" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor="#b22222" height="628" bordercolor="000000">
<tr>
<td width="90%" height="100%" bgcolor="#000000">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


Now the CSS

CSS:

Quote:
 


html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #8b000; margin:0px 30px 0px 30px;background-color:#00000; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #ff8c0; }
a:link, a:visited, a:active { text-decoration: underline; color: #ff8c0; }
a:hover { color: #00800; text-decoration:underline }
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:#8b000;background-color:#c0c0c;padding:4px;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 #8b000;background-color: #77889 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #77889; border:1px solid #8b000;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip {border:1px solid #8b000;background-color:#00000;padding:0px;margin:0px;}
/* Skin Created using the Simple CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #8b000;background-color: #00000;font-size:10px;margin:3px 0px 3px 0px;color:#8b000;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #ff8c0 }
#userlinks { border:1px solid #8b000; background-color: #00000 }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#c0c0c; padding:6px }
.pformstrip { background-color: #c0c0c; color:#8b000;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #77889; padding:6px; margin-top:1px;width:25%;border-top:1px solid #8b000; border-right:1px solid #8b000; }
.pformleftw { background-color: #77889; padding:6px; margin-top:1px;width:40%;border-top:1px solid #8b000; border-right:1px solid #8b000; }
.pformright { background-color: #77889; padding:6px; margin-top:1px;border-top:1px solid #8b000; }
.post1 { background-color: #8b000 }
.post2 { background-color: #ff8c0 }
.postlinksbar { background-color:#c0c0c;padding:7px;margin-top:1px;font-size:10px; }
.row1 { background-color: #cd5c5 }
.row2 { background-color: #cd5c5 }
.row3 { background-color: #77889 }
.row4 { background-color: #77889 }
.darkrow1 { background-color: #8b000; color:#8b000; }
.darkrow2 { background-color: #8b000; color:#8b000; }
.darkrow3 { background-color: #8b000; color:#8b000; }
.hlight { background-color: #8b000 }
.dlight { background-color: #ff8c0 }
.titlemedium { font-weight:bold; color:#8b000; padding:7px; margin:0px; background-color: #c0c0c }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ff8c0 }
.maintitle { vertical-align:middle;font-weight:bold; color:#8b000; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #70809 }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ff8c0 }
.maintitle a:hover { color: #00800; text-decoration: underline }
.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #8b000;background-color:#8b000; padding:0px; margin:0px;width:100% }
.tablefill { border:1px solid #8b000;background-color:#77889;padding:6px;  }
.tablepad { background-color:#00000;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:#8b000 }
.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: 11px; color:#8b000;background-color: #8b000; border: 1px solid #8b000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial, font-size: 11px; color: #8b000; background-color: #8b000; border: 1px solid #8b000; 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 }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family:verdana, helvetica, sans-serif; vertical-align: middle }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #8b000;border-bottom:1px solid #8b000 }
</STYLE><CENTER>Skin created by <B>SCRATFIN</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
.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 }





Footer:
Code:
 
</STYLE><CENTER>Skin created by <B>Scratfin</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
Offline Profile Quote Post Goto Top
 
TMaI
Unregistered

Hmm. Not bad for a first go, although the background could use work. 7.5/10. Look, I can't do that - i've never made as skin, so you're good.
Quote Post Goto Top
 
FutureMovieStar
Member
[ *  * ]
The basic post on the info isn't correct. Go here <---- (Click) for how to post it. :)

Very nice, but, it needs a contrasting border color & the Red & Grey needs to be brighter... It is all very dull... Hard to read.

Try using gradients. (I know, I know. I'm bad about this one) They make things stand out more. They contrast.

Other than that, very good for a first skin!
Offline Profile Quote Post Goto Top
 
Scratfin
Member Avatar
Member
[ *  * ]
Wow thanks u guys are nice! Unlike other people on this planet <_<

And I have little idea of what u said :clown: so... I guess you're right about the whole bright thing though. YYeah I think I'll make a green one. Like Acidic Something! But with some change.
Offline Profile Quote Post Goto Top
 
graphixfacgfxsupport
Member
[ *  * ]
very good for a first skin, just try adding images in the gradients
Offline Profile Quote Post Goto Top
 
Scratfin
Member Avatar
Member
[ *  * ]
LOL honestly I ain't a skin desginer. I hardly know anything about it. So... What's a gradient?
Offline Profile Quote Post Goto Top
 
Duke_the_Warrior
Member
[ * ]
it's ok, i guess.
Offline Profile Quote Post Goto Top
 
Elemental Mist Owner!-ZNR
Member Avatar
Member
[ * ]
Looks very nice for a first try. 7.5/10
Gradients are images, basially.
Offline Profile Quote Post Goto Top
 
Scratfin
Member Avatar
Member
[ *  * ]
But how do I add gradients? Also why can't I just have the CSS without the board and Header?
Offline Profile Quote Post Goto Top
 
Peter
Member Avatar
Care for a quiche?
[ *  *  *  *  *  * ]
Missing Copyright

It seems your submission does not include the required internal copyright.

All skins posted at the SZ need to have an internal CSS copyright which links back to the SZ.

Please update your submission and put the code found in this thread into your CSS.

You have approx. 24 hours to update this thread correctly and in accordance with our guidelines before your skin will be trashed.

Thank you!

SZ Staff
Offline Profile Quote Post Goto Top
 
Cpt Yanni
Member
[ *  * ]
Only background and titelsrooms are sad but there are also positive things, like the color choise ...
Offline Profile Quote Post Goto Top
 
Connects
Member Avatar
Member
[ *  * ]
TMaI
Mar 25 2007, 07:19 PM
Hmm. Not bad for a first go, although the background could use work. 7.5/10. Look, I can't do that - i've never made as skin, so you're good.

I agree.
Offline Profile Quote Post Goto Top
 
DarthRane
Member
[ *  * ]
Like you said basic not much i can say other than lack of detail.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply