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
Leave Me.; Black | Green.
Topic Started: Jul 27 2008, 05:17 PM (618 Views)
Ashwee
Member Avatar
Member
[ * ]
Theme/Skin Name:
Leave Me.
Author:
Ashwee.
Date Created:
N/A
Side Notes:
Skin Preview

HEADER & BODY:

Code:
 

<% BOARD HEADER %>
<% NAVIGATION %>
<table width="100%" class='0' cellspacing="5" cellpadding="1">
<tr>
<td width="210" class='0' valign="top">


<center>
<div class='maintitle'>
TITLE HERE
</div>
<DIV class="tablepad"><span class='desc'>
TEXT/CODE HERE
</span></div>
</div>
<br /></center>


<center>
<div class='maintitle'>
TITLE HERE
</div>
<div class="tablepad"><span class='desc'>
TEXT/CODE HERE
</span></div>
</div>
<br /></center>


<center>
<div class='maintitle'>
TITLE HERE
</div>
<div class="tablepad"><span class='desc' >
TEXT/CODE HERE
</span></div>
</div>
<br /></center>


<center>
<div class="maintitle">
TITLE HERE
</div>
<div class="tablepad"><span class='desc' >
TEXT/CODE HERE
</span></div>
</div>
<br /></center>


<center>
<div class='maintitle'>
TITLE HERE
</div>
<DIV class="tablepad"><span class='desc'>
TEXT/CODE HERE
</span></div>
</div>
<br /></center>


<center>
<div class='maintitle'>
TITLE HERE</div>
<div class='tablepad'><span class='desc'>
TEXT/CODE HERE
</span></div>
</div>
<br /></center>


<center>
<div class='maintitle'>
Credits
</div>
<div class='tablepad'><span class='desc'>
Sidebar: Dana <br>
Coding Help: <a href="http://forums.redcarpetrebellion.net/">RCR</a>
</span></div>
</div>
<br /></center>


<img src='http://i1.ifrm.com/style_images/1/spacer.gif' alt='' width='190' height='1' />
</td>
<!--SPACER-->
<td width="5" class='0'> </td>
<td width="90%" class='0' valign="top">

<% BOARD %>
</td>
</tr>
</table><% STATS %>


CSS:

Only Edit the info in RED

Quote:
 

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }

img { vertical-align:middle; border:0px }

BODY { font-family: Georgia; font-size: 9px; color: #7b9714; margin:0px 10px 0px 10px;
background-image:url("http://i37.tinypic.com/2ylu5jl.png")}

TABLE, TR, TD { font-family: Georgia; font-size: 9px; color: #7b9714; }

a:link, a:visited, a:active { text-decoration: none; color: #7b9714 }

a:hover { color: #7b9714; text-decoration:none }

.forumtable { background-color:#2d2d2d;border:0px solid #transparent; padding: 2px 15px 15px 15px;}

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:9px; color: #3A4F6C; }

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:9px; font-weight:bold; color:#00D; }

.googlepagelinks { font-size:9px; letter-spacing:1px }

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:9px; 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:9px;color:#7e9b14;background-color:#4a4949;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

#969696;background-color: #4a4949}

#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }

#ucpcontent { background-color: #4a4949; border:1px solid

#969696;line-height:150%; width:auto }

#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }

#logostrip { display:none; border:1px solid #969696;background-color: #3860BB;background-image:url();padding:0px;margin:0px; }

#submenu { display:none; border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:9px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}

#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:9px;text-decoration: none; color: #3A4F6C; }

#userlinks { letter-spacing: 1px; text-transform:; border:0px solid

#transparent; background-color:#transparent }

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

.activeuserstrip { background-color:#2d2d2d; padding:0px }

.pformstrip { text-transform:uppercase; background-color: #2d2d2d; color:#7b9714;font-weight:normal;padding:2px;margin-top:1px }

.pformleft { background-color: #4a4949; padding:6px; margin-top:1px;width:25%; border-top:1px solid #dadada; border-right:1px solid #dadada; }

.pformleftw { background-color: #4a4949; padding:6px; margin-top:1px;width:40%; border-top:1px solid #dadada; border-right:1px solid #dadada; }

.pformright { background-color: #4a4949; padding:6px; margin-top:1px;border-top:1px solid #dadada; }

.post1 { background-color: #2d2d2d }

.post2 { background-color: #2d2d2d }

.postlinksbar { letter-spacing: 1px;
background-color:#2d2d2d;
padding:2px;
margin-top:1px;
font-size:9px;
color:#7b9714; }

.postlinksbar a{ letter-spacing: 1px;
background-color:#2d2d2d;
padding:2px;
margin-top:1px;
font-size:9px;
color:#7b9714;}

.postlinksbar a:hover{ letter-spacing: 1px;
background-color:#2d2d2d;
padding:2px;
margin-top:1px;
font-size:9px;
color:#7b9714;}

.row1 { background-color: #4a4949}

.row2 { background-color: #4a4949;
color: #171717;
font-weight:normal;
letter-spacing: 1px; }

.row3 { background-color: #4a4949}

.row4 { background-color: #4a4949;
color: #171717;
font-weight:normal;
font-size: 9px;
letter-spacing: 1px;}

.row4 a{ background-color: #4a4949;
color: #171717;
font-weight:normal;
font-size: 9px;
letter-spacing: 1px;}

.row4 a:hover{ background-color: #4a4949;
color: #313333;
font-weight:normal;
font-size: 9px;
letter-spacing: 1px;}

div.row4 {border-color:#4a4949 ;
border-right:1px solid #4a4949;
border-bottom:1px solid #4a4949 !important}

div.row4 {border-color:#4a4949 !important;
background-color: #4a4949;}

.darkrow1 { background-color: #4a4949;
color:#7b9714; }

.darkrow2 { background-color: #313333;
color:#7b9714;
padding: 0px;}

.darkrow3 { background-color: #313333;
color:#7b9714; }

.hlight { background-color: #4a4949}

.dlight { background-color: #4a4949}

.titlemedium {
font-weight:bold;
font-size: 7px;
text-transform: uppercase;
color:#7b9714;
padding:0px;
margin:0px;
background-color: #313333; }

.titlemedium a:link,
.titlemedium a:visited,
.titlemedium a:active
{ text-decoration: underline; color: #7b9714}

.maintitle { font-family: Georgia; color: #7b9714; text-align: right;
padding: 1px 2px 8px 2px;
background: #000 url(http://i34.tinypic.com/14nil2u.png) bottom right repeat-x;
font-size: 18px;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
border-bottom: 1px underline #transparent; }

.maintitle img { display: none }

.maintitle a { text-decoration: none; color: #7b9714; }

.maintitle a:hover { text-decoration: none; color: #7b9714 }

.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #7b9714 }

.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid #000;background-color:#4a4949 }

.tableborder { border:0px solid #000;background-color:#000; padding:0px; margin:0px; width:100% }

.tablefill { border:1px solid #7b9714;background-color:#4a4949;padding:6px; }

.tablepad { background-color:#4a4949;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:9px; color:#7b9714}

.edit { font-size: 9px }

.signature { font-size: 9px; color: #7b9714 }

.postdetails { font-size: 9px }

.postcolor { font-size: 9px; line-height: 160% }

.normalname { font-size: 9px; font-weight: bold; color: #7b9714}

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 9px }

.unreg { font-size: 9px; font-weight: bold; color: #7b9714 }

.searchlite { font-weight:bold; color:#transparent; background-color:#4a4949}

#QUOTE { font-family: Georgia, Verdana, Arial; font-size: 9px; color: #7b9714; background-color: #4a4949; border: 1px solid #bfbfbf; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE { font-family: Georgia, Courier, Courier New, Verdana, Arial; font-size: 9px; color: #7b9714; background-color: #4a4949; border: 1px solid #bfbfbf; 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: 9px; font-family: verdana, Georgia, sans-serif; vertical-align: middle; background-color: #4a4949; border: 1px solid #transparent; }

.forminput, .textinput, .radiobutton, .checkbox { background-color:#2d2d2d!important; border: 1px solid #7b9714!important; font-size: 9px; font-family: Georgia, 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 #7b9714;border-bottom:1px solid #7b9714 }

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

.menu {letter-spacing: 1px; text-transform:uppercase; background-color: #4a4949; border: 1px solid #4a4949; padding: 0px 1px 2px 2px; font-size: 9px;}

.menu a {letter-spacing: 1px; text-transform:uppercase; background-color: #4a4949; border: 1px solid #4a4949; padding: 0px 1px 2px 2px; font-size: 9px;}

.menu a:hover {letter-spacing: 1px; text-transform:uppercase; background-color: #2d2d2d; border-top: 2px solid #7b9714; padding: 2px 1px 2px 2px; color: #e5e5e5; font-size: 9px;}

div.tableborder div.tablepad { background-color: #2d2d2d!important; }
div.tableborder div.tablepad table { background-color: #2d2d2d!important; }
div.tableborder div.tablepad input { color: #7e9b14!important; background-color: #2d2d2d!important; border: 1px solid #transparent; }

.textarea { font-size: 9px; font-family: Georgia, Tahoma; color: #969696; vertical-align: middle;background-color:#313333!important; border: 1px solid #000!important; padding: 4px 4px 4px 4px;}
</style>
<table align="center">
<center><td width="800px" style=" background-color: #2d2d2d; padding:13px 18px 13px 18px;">
<div align=center><img src="HEADERURL">

<table cellpadding="10" cellspacing="0" width="870">
</div><div align=center>

<tr><td class="forumtable">
</div>

<center><div class="menu"><a href="BOARDURL/index.php?act=idx">index</a> | <a href="BOARDURL/index.php?act=Search">search</a> | <a href="BOARDURL/index.php?act=Members">memberlist</a> | <a href="BOARDURL/index.php?act=calendar">calendar</a> | <a href="http://forums.redcarpetrebellion.net/index.php?act=idx">Skin Created by Ashwee of RCR.</a> &<A HREF="http://zbthemezone.com/" TARGET="_BLANK">ZetaBoards Theme Zone</A></div>
</div></center>
</style>
Offline Profile Quote Post Goto Top
 
Psychosocial
Member
[ *  *  *  *  *  * ]
I love it. :D I like the colors and how everything goes well together. Good job.
Offline Profile Quote Post Goto Top
 
finch
Member
[ *  *  *  *  *  *  *  *  * ]
You could try making the text bigger, there's no portal (some people like it, so just because you don't doesn't mean you should get rid of it :P) and the input is black on dark grey, which might be difficult for some users to read.

Ads are stretching the topic view, try making the post area at least 750px. Smal width skins just don't work with sidebars.

Codebuttons could maybe use a border. Are the pform borders meant to be that light?

Your biggest problem is usability (then again most people/roleplay forums have the same problem these days. It's really not flattering.)
Nice skin though, definitely keep practicing! :)
Offline Profile Quote Post Goto Top
 
amhc
Member Avatar
resident jesus
[ *  *  *  *  *  *  *  * ]
I agree with finch on everything that he said and I also think the same with this skin as I did with your other. You need to work on making your text a bit easier to read for everyone because at the moment it's pretty hard to read.

Not bad though, I hope to see you make more skins and you seem to have a minimalistic style which I do enjoy. ^_^
Offline Profile Quote Post Goto Top
 
Floppy_Fennel
Member Avatar
Member
[ *  *  *  *  *  * ]
that would really suit an alien RP board.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply