How long is the night?

Hello! This is what this design will look like. I love Exploding Dog, can you tell? This one likes to have long entries too! Watch out when you use bold, italic, etc. text in this template, you might need sunglasses. Only to be used on stuff that you really want to emphasize.

You will need to change the USERNAME bits to your username, the %%PREV%%, %%NEXT%% and %%BUDDYLIST%% to lowercase, and delete any links you don't have (e.g. cast, rings).

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>how long is the night?</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//howlongnightbg.gif) repeat-x #242A1D;}
   .entry{
    position:absolute;
    top:50px;
    left:100px;
    padding:20px 45% 20px 20px;
    font:11px 'Arial';
    line-height:15px;
    text-align:left;
    color:#6C6B62;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//howlongnight.gif) no-repeat bottom right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:50px;
    left:0px;
    width:120px;
    padding:20px;
    font:11px 'Arial';
    line-height:15px;
    text-align:left;
    color:#6C6B62;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .howlong{
    position:absolute;
    top:0px;
    left:0px;
    width:108px;
    height:60px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//howlongnighttop.gif);}
   a:link{
    color:#4C4C45;
    text-decoration:none;}
   a:visited{
    color:#4C4C45;
    text-decoration:none;}
   a:hover{
    color:#F2EA7C;
    text-decoration:underline;}
   a:active{
    color:#2E2923;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#F2EA7C;}
   hr{
    color:#050505;
    height:2px;}
   blockquote{
    margin:20px 0px 20px 0px;
    padding:10px;
    color:#4C4C45;
    background:#161B20;
    border:2px solid #050505;}
   input,textarea{
    font:11px 'Arial';
    color:#4C4C45;
    background:#2E2923;
    border:2px solid #050505;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    text-align:left;
    color:#4C4C45;}
   h1{
    margin-bottom:10px;
    font-size:16px;
    line-height:20px;}
   h2{
    font-size:14px;
    line-height:18px;}
   h3{
    margin-top:10px;
    font-size:12px;
    line-height:16px;}
   h4{
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;}
   h5{
    font-size:11px;
    line-height:15px;
    text-transform:uppercase;}
   h6{
    color:#6C6B62;
    font-size:11px;
    line-height:15px;
    text-transform:uppercase;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>%%short_description%%</h1>
    %%entry%%
   <h3>%%date%% at %%time%%</h3>
  </div>
  <div class="nav">
   <h6>navigate</h6>
   <a href="%%NEXT%%">forwards</a>
    <br />
   <a href="%%PREV%%">backwards</a>
    <br />
   <a href="index.html">newest entry</a>
    <br />
   <a href="older.html">the archives</a>
    <br /><br />
   <h6>diary</h6>
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">my profile</a>
    <br />
   <a href="cast.html">cast list</a>
    <br />
   <a href="rings.html">rings page</a>
    <br />
   <a href="pictures.html">pictures</a>
    <br />
   <a href="links.html">links/exits</a>
    <br />
   <a href="extra.html">other things</a>
    <br /><br />
   <h6>contact</h6>
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">leave a note</a>
    <br />
   <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
    <br />
   <a href="mailto:USERNAME@NOSPAMdiaryland.com">e-mail me</a>
    <br /><br />
   <h6>credit</h6>
   <a href="http://www.explodingdog.com" target="_blank">exploding dog</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">pink design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diaryland</a>
    <br /><br />
   <h6>buddies</h6>
   %%BUDDYLIST%%
  </div>
  <div class="howlong"></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>how long is the night?</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//howlongnightbg.gif) repeat-x #242A1D;}
   .entry{
    position:absolute;
    top:50px;
    left:100px;
    padding:20px 45% 20px 20px;
    font:11px 'Arial';
    line-height:15px;
    text-align:left;
    color:#6C6B62;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//howlongnight.gif) no-repeat bottom right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:50px;
    left:0px;
    width:120px;
    padding:20px;
    font:11px 'Arial';
    line-height:15px;
    text-align:left;
    color:#6C6B62;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .howlong{
    position:absolute;
    top:0px;
    left:0px;
    width:108px;
    height:60px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//howlongnighttop.gif);}
   a:link{
    color:#4C4C45;
    text-decoration:none;}
   a:visited{
    color:#4C4C45;
    text-decoration:none;}
   a:hover{
    color:#F2EA7C;
    text-decoration:underline;}
   a:active{
    color:#2E2923;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#F2EA7C;}
   hr{
    color:#050505;
    height:2px;}
   blockquote{
    margin:20px 0px 20px 0px;
    padding:10px;
    color:#4C4C45;
    background:#161B20;
    border:2px solid #050505;}
   input,textarea{
    font:11px 'Arial';
    color:#4C4C45;
    background:#2E2923;
    border:2px solid #050505;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    text-align:left;
    color:#4C4C45;}
   h1{
    margin-bottom:10px;
    font-size:16px;
    line-height:20px;}
   h2{
    font-size:14px;
    line-height:18px;}
   h3{
    margin-top:10px;
    font-size:12px;
    line-height:16px;}
   h4{
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;}
   h5{
    font-size:11px;
    line-height:15px;
    text-transform:uppercase;}
   h6{
    color:#6C6B62;
    font-size:11px;
    line-height:15px;
    text-transform:uppercase;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>Archives</h1>
    %%older_entries%%
  </div>
  <div class="nav">
   <h6>navigate</h6>
   <a href="index.html">newest entry</a>
    <br />
   <a href="older.html">the archives</a>
    <br /><br />
   <h6>diary</h6>
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">my profile</a>
    <br />
   <a href="cast.html">cast list</a>
    <br />
   <a href="rings.html">rings page</a>
    <br />
   <a href="pictures.html">pictures</a>
    <br />
   <a href="links.html">links/exits</a>
    <br />
   <a href="extra.html">other things</a>
    <br /><br />
   <h6>contact</h6>
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">leave a note</a>
    <br />
   <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
    <br />
   <a href="mailto:USERNAME@NOSPAMdiaryland.com">e-mail me</a>
    <br /><br />
   <h6>credit</h6>
   <a href="http://www.explodingdog.com" target="_blank">exploding dog</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">pink design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diaryland</a>
    <br /><br />
   <h6>buddies</h6>
   %%BUDDYLIST%%
  </div>
  <div class="howlong"></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, check out the FAQ/Help page or just email me and I'll do my best to help out.

How long is the night?

21 September 2004 at 0:04 am

navigate

diary

contact

credit

buddies