about the layout

This layout was originally for the site itself, then i decided it was too small to use for VAPORXIA. But somewhere down, I still liked the way this one turned out. The idea was pretty simple, and mainly its the bright coloring that demands your attention :) This layout is all CSS, easy to edit, and pretty simple to use. Will work on NEO PETPAGES as well.

.

coding

<style>
img.lay {border: 4px solid #6c6c6c;}
.content {background:#f1f6de;width:450px;color:#9fb154;font:7pt century gothic;letter-spacing:0px;align:left;line-height:12px;}
.top {background:#91e0ca;width:450px;color:#0d8c67;font:20pt arial;letter-spacing:1px;align:left;font-weight:bold; line-height:0px; padding-bottom:15px;}
.bot {background:#2fbc93;width:450px;color:#2fbc93;font:5pt tahoma;letter-spacing:1px;align:left;border-top: 4px solid #2fbc93;line-height:12px;}
.bar {background:#f1f6d9;width:120px;color:#9fb154;font:7pt century gothic;letter-spacing:0px;align:left;line-height:12px;}
b{font:bold;letter-spacing:2x; text-transform:UPPERcase;color:#1eb78c; filter:alpha(opacity=70);opacity:0.7;font-family:verdana}
b:hover{filter:alpha(opacity=90);opacity:0.9}
i {letter-spacing:2px; color:#c3df3f;}
u {border-bottom:1px dotted #899e13; text-decoration:none; color:#6ec5ab;}
.b {font-weight:bold;letter-spacing:3x; text-transform:UPPERcase;color:#1eb78c;font-family:verdana;font-size:11px;}
A:link, A:visited, A:active{color:#84d8b6;font-size:8pt;font-family:verdana;text-decoration:none;padding-left:6px;}
a:hover{color:#b3ecdb;}
textarea {background: #f0f0f0; color:  #cccccc; border:  1px #666666 solid; height:  30px; width:  100px; overflow; font-size: 8pt;}
#nav a {display:block;background:#858585;color:#50c7a3;width:180px;margin-bottom:1px;font-size: 11px;font-family:century gothic;padding: 1px;text-align: left;text-decoration:none;}
#nav a:hover {background:#7a7a7a;display:block;color:#cccccc;width:180px;margin-bottom:1px;font-size: 11px;border-left: 8px solid #32b2b3;padding: 1px;text-align: right;}
#column {left:550px;top:340px;width: 180px;text-align:left;position: absolute;color:#a0a0a0;}
#main {left:30px;top:320px;width:540px;text-align:left; position:absolute;}
#link {left:500px;top:320px;position:absolute;}
#topimage {position:absolute;top:0px;left:0px;}
td,p,body{color:#a0a0a0;font:8pt century gothic;}
body { background: url(http://i31.tinypic.com/34hf9te.jpg);background-repeat: repeat-x;background-position: left top;background-color: #e8f2c3; }
body{
scrollbar-face-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-highlight-color:#cccccc;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#666666;
scrollbar-track-color:#cccccc;
scrollbar-arrow-color:#666666;}
</style>

<img src="http://i30.tinypic.com/xduxoj.jpg" id="topimage">
<div id="main">
<div class="top">about the layout</div><div class="content">
<br><center>
This layout was originally for the site itself, then i decided it was too small to use for VAPORXIA. But somewhere down, I still liked the way this one turned out. The idea was pretty simple, and mainly its the bright coloring that demands your attention :) This layout is all CSS, easy to edit, and pretty simple to use. Will work on NEO PETPAGES as well.<br><br>

<div class="bot" align="right">.</div></div></div>

<div id="link">
<div class="bar"><br><font class="b">TITLE:</font><br>
<a href="#">link</a><br>
<a href="#">link</a><br>
<a href="#">link</a><br>
<a href="#">link</a><br>
<a href="#">link</a><br><br>

<div class="bar"><br><font class="b">TITLE:</font><br>
<a href="#">link</a><br>
<a href="#">link</a><br>
<a href="#">link</a><br>
<a href="#">link</a><br>
<a href="#">link</a><br><br>

<font class="b">CREDITS:</font><br>
made by <i>tiffany tsai</i><br>VAPORXIA DESIGNS<br><br><br>

.

TITLE:
link
link
link
link
link

TITLE:
link
link
link
link
link

CREDITS:
made by tiffany tsai
VAPORXIA DESIGNS