the Knight Bus conductor

Hello! This is what this design will look like. Yeah! It's Stan Shunpike, the Knight Bus conductor from Prisoner of Azkaban. He's so cool! This template looks best with long entries. To demonstrate the wonderful blockquote, here is a little bit about the Knight Bus:

The Knight Bus is a triple-decker, violently purple bus which has "The Knight Bus" written over it's windshield in gold letters. The Knight Bus provides emergency transport for the stranded witch or wizard; all they need to do is hold out their wand hand. It is also possible to book a seat on the Knight Bus for trips around Britain (PA).

from the Harry Potter Lexicon.

You will need to change the USERNAME bits to your username, and the %%PREV%%, %%NEXT%% and %%BUDDYLIST%% 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>'Choo fall over for?</title>
  <style type="text/css">
   body{
    background:#581119 url(http://www.sitefights.com/community/graphics/pinkfreak3//stanbg.gif) top right;}
   .entry{
    position:absolute;
    top:529px;
    right:0px;
    width:600px;
    padding:0px 130px 15px 60px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#EBE2C1;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//shunpikebg.jpg);
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:529px;
    right:0px;
    width:105px;
    padding:0px 15px 15px 0px;
    font:11px 'Arial';
    line-height:15px;
    text-align:right;
    color:#EBE2C1;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//shunpikebg.jpg) top right;
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .shunpike{
    position:absolute;
    top:0px;
    right:0px;
    width:600px;
    height:530px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//stanshunpike.jpg);
    z-index:1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#9A839F;
    text-decoration:none;}
   a:visited{
    color:#9A839F;
    text-decoration:none;}
   a:hover{
    color:#A29C6C;
    text-decoration:underline;}
   a:active{
    color:#EBE2C1;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#A29C6C;}
   hr{
    color:#EBE2C1;
    height:1px;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#A29C6C;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//stanbg.gif) #581119;
    border:1px solid #A29C6C;}
   input,textarea{
    font:11px 'Arial';
    color:#A29C6C;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//stanbg.gif) #581119;
    border:1px solid #A29C6C;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#9A839F;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-align:left;
    color:#9A839F;}
   h3{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:right;
    color:#EBE2C1;}
   h4{
    margin:10px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-align:left;
    color:#9A839F;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-transform:uppercase;
    text-align:left;
    color:#9A839F;}
   h6{
    margin:0px 0px 2px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-align:right;
    color:#EBE2C1;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>%%short_description%%</h1>
    %%entry%%
   <h4>the Knight Bus stopped on %%date%% at %%time%%</h4>
  </div>
  <div class="nav">
   <a name="up"></a>
   <h6>on the bus</h6>
   <a href="%%NEXT%%">forward</a>
    <br />
   <a href="%%PREV%%">backward</a>
    <br />
   <a href="index.html">new stops</a>
    <br />
   <a href="older.html">old routes</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">about me</a>
    <br /><br />
   <h6>graffiti</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>busmakers</h6>
   <a href="http://www.squidfingers.com" target="_blank">pattern</a>
    <br />
   <a href="http://www.hogwarts-gallery.org/hogwartsgallery/category.php" target="_blank">picture</a>
    <br />
   <a href="http://www.harrypotter.com" target="_blank">harry potter</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>passengers</h6>
    %%BUDDYLIST%%
    <br /><br />
   <a href="#up"><img src="http://www.sitefights.com/community/graphics/pinkfreak3//stanbadge.jpg" alt="the Knight Bus" width="44" height="34" border="0" /></a>
  </div>
  <div class="shunpike"></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>'Choo fall over for?</title>
  <style type="text/css">
   body{
    background:#581119 url(http://www.sitefights.com/community/graphics/pinkfreak3//stanbg.gif) top right;}
   .entry{
    position:absolute;
    top:529px;
    right:0px;
    width:600px;
    padding:0px 130px 15px 60px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#EBE2C1;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//shunpikebg.jpg);
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:529px;
    right:0px;
    width:105px;
    padding:0px 15px 15px 0px;
    font:11px 'Arial';
    line-height:15px;
    text-align:right;
    color:#EBE2C1;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//shunpikebg.jpg) top right;
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .shunpike{
    position:absolute;
    top:0px;
    right:0px;
    width:600px;
    height:530px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//stanshunpike.jpg);
    z-index:1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#9A839F;
    text-decoration:none;}
   a:visited{
    color:#9A839F;
    text-decoration:none;}
   a:hover{
    color:#A29C6C;
    text-decoration:underline;}
   a:active{
    color:#EBE2C1;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#A29C6C;}
   hr{
    color:#EBE2C1;
    height:1px;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#A29C6C;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//stanbg.gif) #581119;
    border:1px solid #A29C6C;}
   input,textarea{
    font:11px 'Arial';
    color:#A29C6C;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//stanbg.gif) #581119;
    border:1px solid #A29C6C;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#9A839F;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-align:left;
    color:#9A839F;}
   h3{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:right;
    color:#EBE2C1;}
   h4{
    margin:10px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-align:left;
    color:#9A839F;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-transform:uppercase;
    text-align:left;
    color:#9A839F;}
   h6{
    margin:0px 0px 2px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-align:right;
    color:#EBE2C1;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>Archives</h1>
    %%older_entries%%
  </div>
  <div class="nav">
   <a name="up"></a>
   <h6>on the bus</h6>
   <a href="index.html">new stops</a>
    <br />
   <a href="older.html">old routes</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">about me</a>
    <br /><br />
   <h6>graffiti</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>busmakers</h6>
   <a href="http://www.squidfingers.com" target="_blank">pattern</a>
    <br />
   <a href="http://www.hogwarts-gallery.org/hogwartsgallery/category.php" target="_blank">picture</a>
    <br />
   <a href="http://www.harrypotter.com" target="_blank">harry potter</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>passengers</h6>
    %%BUDDYLIST%%
    <br /><br />
   <a href="#up"><img src="http://www.sitefights.com/community/graphics/pinkfreak3//stanbadge.jpg" alt="the Knight Bus" width="44" height="34" border="0" /></a>
  </div>
  <div class="shunpike"></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.

the Knight Bus conductor

the Knight Bus stopped on 6 September 2004 at 0:53 am

on the bus

graffiti

busmakers

passengers