Heart Beat

Designer's Comments

Look carefully for specific instructions

I like this layout very much. :)

Change the links; and headers by locating the "CHANGE " part and change it to whatever you want. the suggested is in []'s. Try to keep words simple so it won't ruin the header background.

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<style type="text/css">
{
}BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
td, p, body, input {color:#ffffff ;
font-family: arial;
font-size: 10px;
letter-spacing:0px;
background:none
border: 3px;
}
body
{ background-color:#000000;}

b {color: #ffffff  ;}
i {color: #ffffff  ;}
u {color: #ffffff   ;
border-bottom: double 2px #ffffff  ;}

a.kinky,a.kinky:active,a.kinky:active,a.kinky:link{display:block;padding:1px;text-align:left;background-color:fffffff;border-right:4px solid;border-color:ff0000;}
a.kinky:hover{display:block;padding:1px;text-align:left;background-color:#000000;border:1px solid;border-color:ff0000;color: #ffffff;text-transform:uppercase;}

.text {
 border: none
color: #ffffff ;
background:#000000;
text-align: justify;
padding: 2px;}

.head { color:#ffffff;
line-height: 14px;
text-align:right;
font-size:12px;
font-family:courier new;
font-variant: none;
background-color: #ff0000;
background-image:url(http://cbimg6.com/layouts/07/12/08/23687ab.jpg);
border-bottom: double 2px#000000}

A:link, A:active, A:visited {color: #000000;
font-weight: none;
text-decoration: none;
background-color:#ffffff;
cursor:crosshair;}

A:hover {color: #000000;
font-weight: none;
cursor: crosshair;
text-transform:uppercase;
letter-spacing: 0px;}

</STYLE>

</head>

<div class="head">CHANGE[welcome]
</div><br>
<div class="text">

<div style="text-align: center;">
<div class="header" align="right"><i>12.01.07</i><br>12:11PM</div>
YOU CAN CHANGE THIS.[HI, Welcome to this site. whatever.]
</div>
</div></div>
<div style="LEFT:545px; OVERFLOW: auto; POSITION: absolute; TOP: 300px; width:130; ">

<div class="head">CHANGE[navigation]
</div><br>
<div class="text">
<div style="text-align: left;">
<a href="TEXT.HTML" class="kinky">Test link</a>
<a href="TEXT.HTML" class="kinky">Test link</a>
<a href="TEXT.HTML" class="kinky">Test link</a>
<a href="TEXT.HTML" class="kinky">Test link</a>
<a href="TEXT.HTML" class="kinky">Test link</a>
</div> 
</div>
<br>
<div class="head">Credits
</div>
<br><div class="text">
Credit:<a href="http://www.highwayto4355.createblog.com">Hi</a>
</div></div>

</div>
</html>
</html>
</BODY>

</HTML>