Always the bridesmaid, Never the bride

by Charmaine

What a great picture. I had it for a while on my PC, then deleted it, then stumbled across it by accident on the internet and decided that I should do something with it. A template has finally produced out of this very thought over image.

This template is coded only for diaryland users, so don't alter the html codes unless you know what you're doing.
Make sure that you sign the guestbook with the link(s) back to the site(s) that are going to use my design(s). Remember that altering the design a little bit doesn't mean that it's yours.

Main

<html>
<head>
<title>Always the bridesmaid, Never the bride</title>
<style type="text/css">

a:link {color: #666666; text-decoration: none; }
a:visited {color: #666666; text-decoration: none;  }
a:active {color: #666666; text-decoration: none;  }
a:hover {color: #666666; text-decoration: none; cursor:hand;font-weight:bold; }

h2{
margin:0px;
font:8pt arial;
font-weight:bold;
color:#666666;
border-bottom:1px solid;}

h3{
margin:0px;
font:7pt arial;
font-style:italic;
color:#666666;
text-align:right;}

blockquote {background-color:white;padding:10px;}

.nav
{position:absolute;top:15px;left:100px;width:500px;z-index:1;background-color:#E0E0E0;padding:10px;text-align:center;}
.nav a:link{color:#666666;text-decoration:underline;}
.nav a:visited{color:#666666;text-decoration:underline;}
.nav a:active{color:#666666;text-decoration:underline;}
.nav a:hover{color:#666666;text-decoration:none;cursor:hand;}

.entry
{position:absolute;top:400px;left:250px;width:412px;height:5px;background-color:#D7DFE7;padding:20px;}

.image
{position:absolute;top:10px;left:250px;}

body 
{ background-color:#ffffff;
font-family:Arial, verdana;
color:666666; 
font-size:8pt;
line-height:15px;

scrollbar-face-color : #ffffff; 
scrollbar-highlight-color : #D7DFE7; 
scrollbar-3dlight-color : #ffffff; 
scrollbar-shadow-color : #D7DFE7; 
scrollbar-darkshadow-color : #ffffff;
scrollbar-track-color : #ffffff; 
scrollbar-arrow-color : #D7DFE7;
}
}
</style>
</head>
<body>

<div class="entry">
<h2>%%short_description%%</h2>
<h3>%%date%%</h3><P>
%%entry%%

<p align="center"><a href="%%prev%%">....</a> <a href="%%next%%">....</a></p>
<P align="center">
.
<a href="index.htm">home</a> . <a href="older.html">older</a> . <a href="extras.html">extras</a> . <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">notes</a> . <a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">profile</a> . <a href="mailto:your email address here">e-mail</a> . <a href="http://tdtemp.diaryland.com">style</a> . <a href="http://www.diaryland.com">thanks</a> . </p>
</div>

<script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body>
</html>

Older
<html> <head> <title>Always the bridesmaid, Never the bride</title> <style type="text/css"> a:link {color: #666666; text-decoration: none; } a:visited {color: #666666; text-decoration: none; } a:active {color: #666666; text-decoration: none; } a:hover {color: #666666; text-decoration: none; cursor:hand;font-weight:bold; } h2{ margin:0px; font:8pt arial; font-weight:bold; color:#666666; border-bottom:1px solid;} h3{ margin:0px; font:7pt arial; font-style:italic; color:#666666; text-align:right;} blockquote {background-color:white;padding:10px;} .nav {position:absolute;top:15px;left:100px;width:500px;z-index:1;background-color:#E0E0E0;padding:10px;text-align:center;} .nav a:link{color:#666666;text-decoration:underline;} .nav a:visited{color:#666666;text-decoration:underline;} .nav a:active{color:#666666;text-decoration:underline;} .nav a:hover{color:#666666;text-decoration:none;cursor:hand;} .entry {position:absolute;top:400px;left:250px;width:412px;height:5px;background-color:#D7DFE7;padding:20px;} .image {position:absolute;top:10px;left:250px;} body { background-color:#ffffff; font-family:Arial, verdana; color:666666; font-size:8pt; line-height:15px; scrollbar-face-color : #ffffff; scrollbar-highlight-color : #D7DFE7; scrollbar-3dlight-color : #ffffff; scrollbar-shadow-color : #D7DFE7; scrollbar-darkshadow-color : #ffffff; scrollbar-track-color : #ffffff; scrollbar-arrow-color : #D7DFE7; } } </style> </head> <body> <div class="entry"> %%older_entries%% <P align="center"> . <a href="index.htm">home</a> . <a href="older.html">older</a> . <a href="extras.html">extras</a> . <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">notes</a> . <a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">profile</a> . <a href="mailto:your email address here">e-mail</a> . <a href="http://tdtemp.diaryland.com">style</a> . <a href="http://www.diaryland.com">thanks</a> . </p> </div> <div class="image"><img src="http://ourworld.cs.com/twintale/200289465-001.jpg"></div> <script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>

.... ....

. home . older . extras . notes . profile . e-mail . style . thanks .