God I miss the screaming...

Hello! This is what this design will look like. It's Filch, and I expect those keys are for the chains he used to use to hang students up by their ankles... he probably keeps them around just in the case the rules change and Fred & George are in need of punishment. This template will look weird if you have short entries, so write lots! 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>God I miss the screaming...</title>
  <style type="text/css">
   body{
    background:#392820 url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg.gif) top right;}
   .entry{
    position:absolute;
    top:526px;
    right:0px;
    width:600px;
    padding:0px 130px 15px 60px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#1C130E;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg2.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:#1C130E;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg2.jpg) top right;
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .filch{
    position:absolute;
    top:0px;
    right:0px;
    width:600px;
    height:526px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filch.jpg);
    z-index:1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#C79D68;
    text-decoration:none;}
   a:visited{
    color:#C79D68;
    text-decoration:none;}
   a:hover{
    color:#342B37;
    text-decoration:underline;}
   a:active{
    color:#392820;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#342B37;}
   hr{
    color:#1C130E;
    height:1px;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#C79D68;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg.gif) #392820;
    border:1px solid #C79D68;}
   input,textarea{
    font:11px 'Arial';
    color:#C79D68;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg.gif) #392820;
    border:1px solid #C79D68;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#C79D68;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-align:left;
    color:#C79D68;}
   h3{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:right;
    color:#1C130E;}
   h4{
    margin:10px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-align:left;
    color:#C79D68;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-transform:uppercase;
    text-align:left;
    color:#C79D68;}
   h6{
    margin:0px 0px 2px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-align:right;
    color:#1C130E;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>%%short_description%%</h1>
    %%entry%%
   <h4>%%date%% at %%time%%</h4>
  </div>
  <div class="nav">
   <a name="up"></a>
   <h6>corridors</h6>
   <a href="%%NEXT%%">forward</a>
    <br />
   <a href="%%PREV%%">backward</a>
    <br />
   <a href="index.html">new rules</a>
    <br />
   <a href="older.html">old lists</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">about me</a>
    <br /><br />
   <h6>owlery</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>staff</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>students</h6>
    %%BUDDYLIST%%
  </div>
  <div class="filch"></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>God I miss the screaming...</title>
  <style type="text/css">
   body{
    background:#392820 url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg.gif) top right;}
   .entry{
    position:absolute;
    top:526px;
    right:0px;
    width:600px;
    padding:0px 130px 15px 60px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#1C130E;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg2.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:#1C130E;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg2.jpg) top right;
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .filch{
    position:absolute;
    top:0px;
    right:0px;
    width:600px;
    height:526px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filch.jpg);
    z-index:1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#C79D68;
    text-decoration:none;}
   a:visited{
    color:#C79D68;
    text-decoration:none;}
   a:hover{
    color:#342B37;
    text-decoration:underline;}
   a:active{
    color:#392820;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#342B37;}
   hr{
    color:#1C130E;
    height:1px;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#C79D68;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg.gif) #392820;
    border:1px solid #C79D68;}
   input,textarea{
    font:11px 'Arial';
    color:#C79D68;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//filchbg.gif) #392820;
    border:1px solid #C79D68;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#C79D68;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-align:left;
    color:#C79D68;}
   h3{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:right;
    color:#1C130E;}
   h4{
    margin:10px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-align:left;
    color:#C79D68;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-transform:uppercase;
    text-align:left;
    color:#C79D68;}
   h6{
    margin:0px 0px 2px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-align:right;
    color:#1C130E;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>Archives</h1>
    %%older_entries%%
  </div>
  <div class="nav">
   <a name="up"></a>
   <h6>corridors</h6>
   <a href="index.html">new rules</a>
    <br />
   <a href="older.html">old lists</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">about me</a>
    <br /><br />
   <h6>owlery</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>staff</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>students</h6>
    %%BUDDYLIST%%
  </div>
  <div class="filch"></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.

God I miss the screaming...

5 September 2004 at 1:59 am

corridors

owlery

staff

students