Sad Christmas

27 May 2004 at 8:20 pm

Hello! This is what this design will look like. It started off as a simple "Merry Christmas??" idea for those who get depressed when they should be getting merry, but then the wreath struck me as being particularly thorny so it changed into the "Wreath/crown of thorns" idea. 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>USERNAME's Diary</title>
  <style type="text/css">
   body{
    text-align:left;
    font:13px 'Verdana';
    line-height:17px;
    color:#FFFFFF;
    background-color:#010101;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//thorns2.jpg);
    background-repeat:no-repeat;
    scrollbar-arrow-color:#252525;
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-3dlight-color:#252525;
    scrollbar-darkshadow-color:#252525;
    scrollbar-track-color:#000000;}
   .entry{
    position:absolute;
    top:20px;
    left:390px;
    padding:0px 0px 20px 0px;}
   .links{
    position:absolute;
    top:485px;
    left:20px;
    width:345px;}
   a:link{
    text-transform:uppercase;
    font-size:10px;
    color:#999999;
    text-decoration:none;}
   a:visited{
    text-transform:uppercase;
    font-size:10px;
    color:#999999;
    text-decoration:none;}
   a:hover{
    text-transform:uppercase;
    font-size:10px;
    color:#FFFFFF;
    text-decoration:none;
    border-bottom:1px dashed #999999;}
   a:active{
    text-transform:uppercase;
    font-size:10px;
    color:#FFFFFF;
    text-decoration:none;}
   h1{
    margin:0px;
    font-size:18px;
    line-height:24px;
    text-transform:uppercase;}
   h2{
    margin:0px;
    font-size:11px;
    font-weight:normal;
    font-style:italic;}
   input,textarea{
    font:11px 'Verdana';
    color:#999999;
    background-color:#252525;
    border:1px solid #000000;
    scrollbar-track-color:#252525;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>
    %%short_description%%
   </h1>
   <h2>
    %%date%% at %%time%%
   </h2>
    <br />
   %%entry%%
    <br /><br />
   <h2>
    <a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a>
   </h2>
  </div>
  <div class="links">
   <a href="%%PREV%%">�</a> <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.sxc.hu" target="_blank">image</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.sxc.hu" target="_blank">image</a> <a href="http://www.diaryland.com" target="_blank">host</a> <a href="%%NEXT%%">�</a>
  </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>USERNAME's Diary</title>
  <style type="text/css">
   body{
    text-align:left;
    font:13px 'Verdana';
    line-height:17px;
    color:#FFFFFF;
    background-color:#010101;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//thorns2.jpg);
    background-repeat:no-repeat;
    scrollbar-arrow-color:#252525;
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-3dlight-color:#252525;
    scrollbar-darkshadow-color:#252525;
    scrollbar-track-color:#000000;}
   .entry{
    position:absolute;
    top:20px;
    left:390px;
    padding:0px 0px 20px 0px;}
   .links{
    position:absolute;
    top:485px;
    left:20px;
    width:345px;}
   a:link{
    text-transform:uppercase;
    font-size:10px;
    color:#999999;
    text-decoration:none;}
   a:visited{
    text-transform:uppercase;
    font-size:10px;
    color:#999999;
    text-decoration:none;}
   a:hover{
    text-transform:uppercase;
    font-size:10px;
    color:#FFFFFF;
    text-decoration:none;
    border-bottom:1px dashed #999999;}
   a:active{
    text-transform:uppercase;
    font-size:10px;
    color:#FFFFFF;
    text-decoration:none;}
   h1{
    margin:0px;
    font-size:18px;
    line-height:24px;
    text-transform:uppercase;}
   h2{
    margin:0px;
    font-size:11px;
    font-weight:normal;
    font-style:italic;}
   input,textarea{
    font:11px 'Verdana';
    color:#999999;
    background-color:#252525;
    border:1px solid #000000;
    scrollbar-track-color:#252525;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>
    Archives
   </h1>
    <br />
   %%entry%%
  </div>
  <div class="links">
   <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.sxc.hu" target="_blank">image</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.sxc.hu" target="_blank">image</a> <a href="http://www.diaryland.com" target="_blank">host</a>
  </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.

Sad Christmas

27 May 2004 at 8:20 pm

last & next