Roo

20 June 2004 at 10:40 am

Hello! This is what this design will look like. A beautiful Roo one! I think this could be the start of several more Pooh designs. Anyway, you will need to change the USERNAME bits to your username, the %%PREV%% and %%NEXT%% to lowercase, and delete any extra links (e.g. pictures, cast, guestbook) that you don't have.

Piglet was lying on his back, sleeping peacefully. Roo was washing his face and paws in the stream, while Kanga explained to everybody proudly that this was the first time he had ever washed his face himself, and Owl was telling Kanga an Interesting Anecdote full of long words like Encylopedia and Rhododendron to which Kanga wasn't listening.
'I don't hold with all this washing,' grumbled Eeyore. 'This modern Behind-the-ears nonsense. What do you think, Pooh?'
'Well,' said Pooh, 'I think -'
But we shall never know what Pooh thought, for there came a sudden squeak from Roo, a splash, and a loud cry of alarm from Kanga.
'So much for washing,' said Eeyore.
'Roo's fallen in!' cried Rabbit, and he and Christopher Robin came rushing down to the rescue.

From Expotition to the North Pole, Winnie the Pooh - A. A. Milne.

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>Roo</title>
  <style type="text/css">
   body{
    background-color:#CACDDE;}
   .entry{
    position:absolute;
    top:-2px;
    left:190px;
    width:300px;
    padding:20px;
    font:11px 'Trebuchet MS';
    text-align:justify;
    color:#18161B;
    background-color:#FFFFFF;
    border:2px solid #704A3D;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:-2px;
    left:40px;
    width:110px;
    padding:20px;
    font:11px 'Trebuchet MS';
    text-align:justify;
    color:#704A3D;
    background-color:#FFFFFF;
    border:2px solid #704A3D;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#BA724C;
    text-decoration:none;}
   a:visited{
    color:#BA724C;
    text-decoration:none;}
   a:hover{
    color:#704A3D;
    text-decoration:underline;}
   a:active{
    color:#704A3D;
    text-decoration:none;}
   h1{
    margin:10px 0px 0px 0px;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    line-height:24px;
    color:#1B1927;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    line-height:20px;
    color:#1B1927;}
   h3{
    margin:10px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    text-transform:uppercase;
    color:#1B1927;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:15px;
    font-weight:bold;
    text-align:right;
    line-height:21px;
    color:#1B1927;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:13px;
    font-weight:bold;
    text-align:right;
    line-height:19px;
    color:#1B1927;}
   h6{
    margin:0px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    text-align:left;
    line-height:18px;
    color:#704A3D;}
   blockquote{
    margin:15px;
    padding:10px;
    color:#FFFFFF;
    background-color:#CA9978;}
   input,textarea{
    font:10px 'Trebuchet MS';
    color:#FFFFFF;
    background-color:#CA9978;
    border:1px solid #CA9978;}
   b,strong,em,i,u{
    color:#704A3D;
    text-transform:uppercase;
    font-size:10px;}
  </style>
 </head>
 <body>
  <div class="entry">
   <center>
    <img src="http://www.sitefights.com/community/graphics/pinkfreak2//roo.jpg" alt="roo" />
   </center>
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
    %%entry%%
   <h4><a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a></h4>
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
    <a href="%%PREV%%">previous</a>
     <br />
    <a href="%%NEXT%%">next</a>
     <br />
    <a href="index.html">newest</a>
     <br />
    <a href="older.html">archives</a>
     <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
     <br />
    <a href="cast.html">cast</a>
     <br />
    <a href="pictures.html">pictures</a>
     <br />
    <a href="links.html">links</a>
     <br /><br />
   <h6>
    contact
   </h6>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="http://USERNAME.signmyguestbook.com">g-book</a>
     <br />
    <a href="mailto:USERNAME@NOSPAMdiaryland.com">email</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
   <h6>
    extra
   </h6>
    imood
     <br />
    counter
  </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>Roo</title>
  <style type="text/css">
   body{
    background-color:#CACDDE;}
   .entry{
    position:absolute;
    top:-2px;
    left:190px;
    width:300px;
    padding:20px;
    font:11px 'Trebuchet MS';
    text-align:justify;
    color:#18161B;
    background-color:#FFFFFF;
    border:2px solid #704A3D;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:-2px;
    left:40px;
    width:110px;
    padding:20px;
    font:11px 'Trebuchet MS';
    text-align:justify;
    color:#704A3D;
    background-color:#FFFFFF;
    border:2px solid #704A3D;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#BA724C;
    text-decoration:none;}
   a:visited{
    color:#BA724C;
    text-decoration:none;}
   a:hover{
    color:#704A3D;
    text-decoration:underline;}
   a:active{
    color:#704A3D;
    text-decoration:none;}
   h1{
    margin:10px 0px 0px 0px;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    line-height:24px;
    color:#1B1927;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    line-height:20px;
    color:#1B1927;}
   h3{
    margin:10px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    text-transform:uppercase;
    color:#1B1927;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:15px;
    font-weight:bold;
    text-align:right;
    line-height:21px;
    color:#1B1927;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:13px;
    font-weight:bold;
    text-align:right;
    line-height:19px;
    color:#1B1927;}
   h6{
    margin:0px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    text-align:left;
    line-height:18px;
    color:#704A3D;}
   blockquote{
    margin:15px;
    padding:10px;
    color:#FFFFFF;
    background-color:#CA9978;}
   input,textarea{
    font:10px 'Trebuchet MS';
    color:#FFFFFF;
    background-color:#CA9978;
    border:1px solid #CA9978;}
   b,strong,em,i,u{
    color:#704A3D;
    text-transform:uppercase;
    font-size:10px;}
  </style>
 </head>
 <body>
  <div class="entry">
   <center>
    <img src="http://www.sitefights.com/community/graphics/pinkfreak2//roo.jpg" alt="roo" />
   </center>
   <h1>Archives</h1>
    %%older_entries%%
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
    <a href="index.html">newest</a>
     <br />
    <a href="older.html">archives</a>
     <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
     <br />
    <a href="cast.html">cast</a>
     <br />
    <a href="pictures.html">pictures</a>
     <br />
    <a href="links.html">links</a>
     <br /><br />
   <h6>
    contact
   </h6>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="http://USERNAME.signmyguestbook.com">g-book</a>
     <br />
    <a href="mailto:USERNAME@NOSPAMdiaryland.com">email</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
   <h6>
    extra
   </h6>
    imood
     <br />
    counter
  </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.

Roo

20 June 2004 at 10:40 am

last & next

diary

contact

credit

extra