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
White Houses.; Grays.
Topic Started: Jul 27 2008, 05:09 PM (619 Views)
Ashwee
Member Avatar
Member
[ * ]
Theme/Skin Name:
White Houses.
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="2180" class='0' valign="top">



<div class='maintitle'>
 </div>

<DIV class="tablepad"><span class='desc'>

<center><img src="http://i32.tinypic.com/2rqhvuo.jpg"></center>

<p align="justify">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc suscipit, velit fringilla blandit sodales, nisi purus congue purus, ac porta velit nulla quis purus. Sed gravida commodo orci. Aliquam laoreet adipiscing felis. Nam tristique. Vestibulum lorem urna, posuere quis, vestibulum suscipit, sodales vitae, quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse nec sem sit amet nisl sodales placerat. Aliquam fermentum arcu a mauris. Phasellus porttitor, velit eget aliquam venenatis, sem mauris interdum neque, sed porta mauris massa in quam. Cras consectetuer. Ut vitae nisl eu risus ultrices feugiat.</p></span></div>

</div>
<br />


<div class='maintitle'>
 </div>
<center>
<DIV class="tablepad"><span class='desc'>

<img src="http://i25.tinypic.com/6pxhqe.jpg">
Nam et massa. Nulla porttitor erat eget est. Duis auctor. Aenean commodo iaculis dui. Mauris fermentum convallis pede. Nulla dolor risus, varius eu, rutrum non, suscipit sit amet, purus. Nunc in pede. Duis non erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras dapibus pellentesque nisl. Nulla interdum pellentesque tortor. Curabitur dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur ut quam sed libero fringilla rhoncus. Nulla justo quam, accumsan et, hendrerit quis, porta tristique, nunc. Vivamus dignissim, ipsum sed aliquam iaculis, nisi risus ultrices est, ac laoreet purus velit quis orci. Nullam placerat sapien scelerisque leo. Maecenas eu lorem a est molestie porta. <br />
</span></div>
</div>
<br /></center>

<div class='maintitle'>
 </div>

<center>

<div class="tablepad"><span class='desc'>

<img src="http://i27.tinypic.com/1262x7c.jpg">
Mauris vel erat vitae purus tincidunt semper. Ut hendrerit iaculis est. In lacinia molestie enim. In hac habitasse platea dictumst. Aenean sem lectus, condimentum sed, pretium eget, condimentum vulputate, felis. Nullam ornare tristique ipsum. Etiam eget nunc. Vivamus euismod commodo nunc. Vestibulum in orci. Curabitur id lacus. Nunc condimentum interdum tortor. Cras sed sapien. Nullam ultricies lacus fermentum risus. <br />


</span></div>
</div>
<br /></center>

<div class='maintitle'>
 </div>

<DIV class="tablepad"><span class='desc'>
<img src="http://i29.tinypic.com/yc7k.jpg">
<center>
Donec ac ante quis sapien eleifend ornare. Aenean tincidunt, nunc at mollis mattis, lorem lectus tincidunt odio, id volutpat eros odio ut augue. Ut mollis aliquam lectus. Quisque congue metus ac massa. Etiam mi urna, tincidunt et, luctus at, aliquet quis, nulla. Nam pretium est. Curabitur mollis luctus velit. In eget eros. Praesent molestie blandit mi. Sed ornare, turpis quis porta ultricies, felis neque laoreet orci, at pellentesque nulla mi et est. Curabitur venenatis. <br />
</center>

</span></div>

</div>
<br /></center>

<div class="maintitle">
 </div>

<div class="tablepad"><span class='desc' ><center>
<center><img src="http://i29.tinypic.com/i5140g.jpg"></center>
Donec lectus diam, sagittis non, vestibulum quis, adipiscing eu, justo. Ut tempor nisi imperdiet enim. Cras tempor, mi at accumsan fringilla, dolor pede vehicula turpis, accumsan scelerisque felis sapien a arcu. Cras nec mauris quis magna molestie euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc ac felis. Duis suscipit pretium lorem. Proin enim tortor, imperdiet sed, posuere vitae, ultricies ac, est. Vivamus quis felis sit amet purus commodo tempus. Cras condimentum nisi sit amet metus. Etiam nec ante. Morbi id risus. Curabitur sollicitudin malesuada sem. Donec orci lectus, scelerisque non, eleifend id, iaculis in, augue. Integer dignissim. Curabitur mollis augue at lacus. Duis scelerisque. Aliquam porta blandit leo. </div>


</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: #4b4747; margin:0px 10px 0px 10px;background-image:url("http://i35.tinypic.com/34rvkoi.gif")}
TABLE, TR, TD { font-family: Georgia; font-size: 9px; color: #4b4747; }

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

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

.forumtable { background-color:#d4d4d4;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:#525252;background-color:#c7c7c7;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: #c7c7c7}

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

#ucpcontent { background-color: #c7c7c7; 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:#d4d4d4; padding:0px }

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

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

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

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

.post1 { background-color: #d4d4d4 }

.post2 { background-color: #d4d4d4 }

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

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

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

.row1 { background-color: #c7c7c7}

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

.row3 { background-color: #c7c7c7 }

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

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

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

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

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

.darkrow1 { background-color: #c7c7c7; color:#525252; }

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

.darkrow3 { background-color: #313333; color:#525252; }

.hlight { background-color: #c7c7c7}

.dlight { background-color: #c7c7c7}

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

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

.maintitle {
vertical-align:middle;
font-weight:bold;
font-size: 15px;
line-height: 15px;
color:#313333;
letter-spacing:-1px;
text-transform: lowercase;
padding:0px 0px 0px 5px;
background-color: #transparent;
border-bottom: 3px solid #313333;
border-top: 0px;
border-left: 0px;
border-right: 0px; }

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

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

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

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

.tablefill { border:1px solid #969696;background-color:#c7c7c7;padding:6px; }

.tablepad { background-color:#c7c7c7;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:#4b4747}

.edit { font-size: 9px }

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

.postdetails { font-size: 9px }

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

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

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

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

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

#QUOTE { font-family: Georgia, Verdana, Arial; font-size: 9px; color: #666666; background-color: #c7c7c7; 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: #666666; background-color: #c7c7c7; 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: #c7c7c7; border: 1px solid #bfbfbf; }

.forminput, .textinput, .radiobutton, .checkbox { background-color:#d4d4d4!important; border: 1px solid #afafaf!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 #FFF;border-bottom:1px solid #FFF }

.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: #c7c7c7; border: 1px solid #c7c7c7; padding: 0px 1px 2px 2px; font-size: 9px;}

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

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

.textarea { font-size: 9px; font-family: Georgia, Tahoma; color: #969696; vertical-align: middle;background-color:#313333!important; border: 1px solid #afafaf!important; padding: 4px 4px 4px 4px;}
</style>
<table align="center">
<center><td width="800px" style=" background-color: #d4d4d4; 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>

<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>
</style>

Offline Profile Quote Post Goto Top
 
amhc
Member Avatar
resident jesus
[ *  *  *  *  *  *  *  * ]
Not bad. Though, the skin is very monotonous and since you used black, the color that stands out the most on the skin, in several areas it doesn't exactly draw your attention to any particular area. Say, for example, making the darkrow2 a darker gray but not as dark as it is now would draw more attention to the maintitle.

I also suggest making your text a bit larger, especially because it's a serif font and serif fonts are harder to read with a smaller font size like you're currently using. Currently, you're using a 9px font size while a 11px or 12px font size would be much more acceptable.

Overall, it's pretty nice but I'd work on developing more of a focal point on the more important areas of the skin and working on using larger and more readable font sizes. :)
Offline Profile Quote Post Goto Top
 
Vocal.
Member Avatar
Member
[ *  *  * ]
I think this is a very nice imageless skin, but as Wolt said the color scheme could be worked on. To me the colors make the skin dull and unattractive. The coding is done nicely though.
Offline Profile Quote Post Goto Top
 
Ivystar
Member Avatar
Member
[ * ]
Lovely skin! I LOVE how you have a side navigation, because 99% of skins don't. XD
It could use a little more color, but otherwise, it's great!

10/10
Offline Profile Quote Post Goto Top
 
Cornix
Member Avatar
Member
[ *  *  * ]
Wow! Very nice, including the side bar that always gets my attention. This is one of the best themes I have seen on this site so far, great work
Offline Profile Quote Post Goto Top
 
princessknight
Member Avatar
Member
[ * ]
Great Theme. Loved the color and background you used. And, I agree, the side bar is definitely a plus point. :D
*hopes it could be used on ZB....* lol, but great work! Keep it up!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply