Distance... (FFF)

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Ribbons//distance...</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
<style type="text/css">
/* link styles */
A{text-decoration:none; color: #FFCCCC;}
A:link{text-decoration:none; color:#FFCCCC;}
A:visited{text-decoration:none; color: #FFCCCC;}
A:hover{text-decoration: line-through; color:#CCCCCC;}
/* decoration styles */
b, strong{font-weight: lighter; color:#FFCCCC;}
i, em{text-decoration: italic; color: #FFCCCC;}
u{text-decoration: underlined; color: #FFCCCC;}
/* main styles */
body,td{font-family: Georgia, "Times New Roman", serif; font-size: 11pt; color: #000000; overflow-x: none; cursor: crosshair; background: #FF3366 url("http://kismet.cbstaff.com/distance_bg.jpg")  center center repeat-y;}
/* layout junk */
#navigation{position: absolute; top: 473px; left: 552px; width: 147px;}
#main{position: absolute; top: 473px; left: 306px; width: 241px;}
#img{margin-top: -10px!important; margin-top: -15px;}
h1{font-family: Georgia, "Times New Roman", serif; font-size: 14pt; color: #000000; text-align: left; border-bottom: 1px solid #FFCCCC;}
hr{border: 1px solid #FFCCCC;}
</style>
</head>
<body>
<div id="img" align="center"><img
 src="http://kismet.cbstaff.com/distance_main.jpg" alt="distance..."
 border="0"></div>
<div id="main">
<h1>Welcome!</h1>
This is Reili's layout, entitled <i>Distance</i>! It's simple, easy to
use, and it has a pretty girl on it. What more do you want from me?!
-.-U The div, id'd "main", is where you put stuff. 'kay? &the
sidebar is where the sidebar-y stuff goes, naturally.<br>
Don't touch the credits in the footer! It <b>tells</b> you where to
stop editing, so stop there. Geez.
<h1>Title</h1>
<i>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</i> Sed
feugiat.
Suspendisse sem. Praesent aliquam tellus a erat. Proin quis risus at
velit porta dapibus. Donec orci eros, hendrerit at, vulputate vitae,
venenatis quis, enim. <b>Vivamus vel pede quis dolor egestas iaculis.
Donec convallis.</b> Praesent lectus dui, vestibulum at, imperdiet
quis,
hendrerit et, ipsum. Aliquam erat volutpat. Integer nonummy. Vivamus
auctor mauris a est. <u>Proin vulputate suscipit tortor. Nam justo
enim,
condimentum vitae, ullamcorper nec, vehicula quis, ligula.</u> Ut leo.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin arcu
urna, vehicula ac, commodo eget, tempus sed, massa. Aliquam ut leo et
lorem egestas aliquam. Vivamus vehicula.<br>

<hr><a href="http://ribbons.blewmyallowanceonmanga.net/">Reili</a>
coded.<br>
<a href="http://www.aethereality.net/">Aethereality</a> gave the image.
</div>
<div id="navigation">

<h1>Links</h1>
<a href="http://">Link</a><br>
<a href="http://">Link</a><br>
<a href="http://">Link</a><br>
<h1>Title</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed feugiat.
Suspendisse sem. <i>Praesent aliquam tellus a erat.</i> Proin quis
risus at
velit porta dapibus. <u>Donec orci eros, hendrerit at, vulputate
vitae,
venenatis quis, enim.</u> Vivamus vel pede quis dolor egestas iaculis.
Donec convallis. Praesent lectus dui, vestibulum at, imperdiet quis,
hendrerit et, ipsum. <b>Aliquam erat volutpat. Integer nonummy.
Vivamus
auctor mauris a est.</b> Proin vulputate suscipit tortor. Nam justo
enim,
condimentum vitae, ullamcorper nec, vehicula quis, ligula. Ut leo.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin arcu
urna, vehicula ac, commodo eget, tempus sed, massa. Aliquam ut leo et
lorem egestas aliquam. Vivamus vehicula.
<h1>Credits</h1>

<a href="http://ribbons.blewmyallowanceonmanga.net/">Reili</a> coded.<br>
<a href="http://www.aethereality.net/">Aethereality</a> gave the image.
</div>
</body>
</html>