I thought you loved me more than this

I thought you loved me more than this
15 April 2004 at 10:26 pm

Hello! This is what this design will look like. Another one using a picture from Exploding Dog, it will look good in 800x600 as well as 1024x768 - and it took me AGES (well, at least 10 minutes) to make it do so. You need to change the USERNAME bits to your username, and the %%PREV%% and %%NEXT%% to lowercase.

To get the code for this entry, simply copy and paste the code below into your change my template area.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>I thought you loved me more than this</title>
  <style type="text/css">
   body{
    background-color:#A9D1E6;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//ithought.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
    scrollbar-arrow-color:#222803;
    scrollbar-face-color:#B4B9BB;
    scrollbar-highlight-color:#222803;
    scrollbar-shadow-color:#222803;
    scrollbar-3dlight-color:#D9DCDE;
    scrollbar-darkshadow-color:#D9DCDE;
    scrollbar-track-color:#D9DCDE;}
   .entry{
    position:absolute;
    top:60;
    left:12%;
    width:54%;
    padding:0px 0px 60px 0px;
    font:11px 'Verdana';
    color:#222803;
    line-height:14px;
    text-align:justify;}
   .big{
    font:13px;
    font-weight:bold;
    line-height:16px;}
   .small{
    font:10px;
    line-height:12px;}
   input,textarea{
    font:10px 'Verdana';
    color:#222803;
    background-color:#D9DCDE;
    border:1px solid #222803;}
   a:link{
    color:#454E53;
    text-decoration:none;}
   a:visited{
    color:#454E53;
    text-decoration:none;}
   a:hover{
    color:#1F61A4;
    text-decoration:none;}
   a:active{
    color:#1F61A4;
    text-decoration:underline;}
  </style>
 </head>
 <body>
  <div class="entry">
   <font class="big">
    %%short_description%%
   </font>
    <br />
   <font class="small">
    %%date%% at %%time%%
   </font>
    <br /><br />
   %%entry%%
    <br /><br />
   <b>
    <a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a>
   </b>
    <br />
   <font class="small">
    <a href="index.html">newest</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <a href="http://www.explodingdog.com" target="_blank">image</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a>
   </font>
  </div>
 </body>
</html>

To make your older entries page match, paste this code into your change your archive page area.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>I thought you loved me more than this</title>
  <style type="text/css">
   body{
    background-color:#A9D1E6;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//ithought.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
    scrollbar-arrow-color:#222803;
    scrollbar-face-color:#B4B9BB;
    scrollbar-highlight-color:#222803;
    scrollbar-shadow-color:#222803;
    scrollbar-3dlight-color:#D9DCDE;
    scrollbar-darkshadow-color:#D9DCDE;
    scrollbar-track-color:#D9DCDE;}
   .entry{
    position:absolute;
    top:60;
    left:12%;
    width:54%;
    padding:0px 0px 60px 0px;
    font:11px 'Verdana';
    color:#222803;
    line-height:14px;
    text-align:justify;}
   .big{
    font:13px;
    font-weight:bold;
    line-height:16px;}
   .small{
    font:10px;
    line-height:12px;}
   input,textarea{
    font:10px 'Verdana';
    color:#222803;
    background-color:#D9DCDE;
    border:1px solid #222803;}
   a:link{
    color:#454E53;
    text-decoration:none;}
   a:visited{
    color:#454E53;
    text-decoration:none;}
   a:hover{
    color:#1F61A4;
    text-decoration:none;}
   a:active{
    color:#1F61A4;
    text-decoration:underline;}
  </style>
 </head>
 <body>
  <div class="entry">
   <font class="big">
    Archives
   </font>
    <br /><br />
   %%older_entries%%
    <br /><br />
   <font class="small">
    <a href="index.html">newest</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <a href="http://www.explodingdog.com" target="_blank">image</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a>
   </font>
  </div>
 </body>
</html>

And paste this code into your change how each page on your older.html page looks area.

If you need any help or anything doesn't work for you, just email me and I'll do my best to help out.

last & next
updates templates about links email notes design host image