Classic

Written on: [date]
[title]

I love cars, specially classic cars. This is the first layout I used a veiled-type color over an image. I love the car, I love the color scheme, I love it all.

Directions to take templates are found in the Rules page. That's my trick to make sure you read the rules first. Here is the HTML:

<html>



<head>
  <title>Classic</title>
  <style type="text/css">
  <!--
body
{background-color: #FFFFFF;
margin-top: 5px;
cursor: default;

scrollbar-base-color: #ffffff; 
   scrollbar-face-color: #000000; 
   scrollbar-track-color: #000000; 
   scrollbar-arrow-color: #fefff4;
   scrollbar-highlight-color: #000000; 
   scrollbar-3dlight-color: #000000; 
   scrollbar-shadow-color: #ffffff;
   scrollbar-darkshadow-color: #000000;
   
   font-family: verdana, arial, serif;
   font-size: small;
   color:#008080}
   
   .entry
   {background-color: #FFFFFF;
z-index:1;
filter:
progid:dXimagetransform.microsoft.alpha(opacity=65); 
overflow: auto;
text-align: justify;}

.menu
{background-color: none; 
text-align: center;}

a:link
{text-decoration: none; 
color:#FFFFFF;
letter-spacing: 1px;
cursor: default;
letter-spacing: 1pt;}

a:visited
{text-decoration: none; 
color: #80FFFF;
letter-spacing: 1px;
cursor: default;}

a:active
{ text-decoration: none;
color: #80FFFF;
letter-spacing: 1px;
cursor: default;}

a:hover
{text-decoration: line-through;
color: #004000;
cursor: default;}
-->
</style> 
</head>
<body>
<div class="image" style="position:absolute; left:0px; top:20px">
<img src="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/67083/429669classicRR.jpg">
</div>
<div class="entry" style="position:absolute; left:230px; top:28px; width:360px; height:365px; z-index:3">
Written on: [date]<br>
<b>[title]</b><br><br>
[body]
</div>
<div class="menu" style="position: absolute; left:5px; top:385px; width:200px; height:25px">
<a href="http://www.diary-x.com">Host</a>
<a href="https://colombianita03.tripod.com/design.html">Design</a>
<a href="http://www.freefoto.com">Image</a>
</div>
<div class="menu" style="position:absolute; left:230px; top:400; width:360px; height:25px">
<a [prev href]>last</a> �
<a [curr href]>this</a> �
<a [next href]>next</a> �
<a href="journal.cgi?entry=split">classics</a>
</div>
</body>
</html>

I hope you enjoy it.