Peter Rabbit

28 July 2004 at 10:16 pm

Hello! This is what this design will look like. It's Peter Rabbit, from the Tales of Beatrix Potter. Not my favourite character - I always loved Jemima Puddleduck. She has such a cool name - say it out loud - "Puddleduck". I also liked Mrs Tiggywinkle, the hedgehog, and Jeremy Fisher the frog.

First he ate some lettuces and some French beans; and then he ate some radishes;

From The Tale of Peter Rabbit by Beatrix Potter.

You will 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>Peter Rabbit</title>
  <style type="text/css">
   body{
    background-color:#D9DF7F;}
   .entry{
    position:absolute;
    top:-2px;
    left:190px;
    width:320px;
    padding:20px;
    font:11px 'Trebuchet MS';
    text-align:justify;
    color:#589665;
    background-color:#FFFFFF;
    border:2px solid #9E855C;
    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:#589665;
    background-color:#FFFFFF;
    border:2px solid #9E855C;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#BAA77F;
    text-decoration:none;}
   a:visited{
    color:#BAA77F;
    text-decoration:none;}
   a:hover{
    color:#E78345;
    text-decoration:underline;}
   a:active{
    color:#E78345;
    text-decoration:none;}
   h1{
    margin:10px 0px 0px 0px;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    line-height:24px;
    color:#619E65;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    line-height:20px;
    color:#619E65;}
   h3{
    margin:10px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    text-transform:uppercase;
    color:#619E65;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:15px;
    font-weight:bold;
    text-align:right;
    line-height:21px;
    color:#619E65;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:13px;
    font-weight:bold;
    text-align:right;
    line-height:19px;
    color:#619E65;}
   h6{
    margin:0px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    text-align:left;
    line-height:18px;
    color:#619E65;}
   blockquote{
    padding:10px;
    color:#FFFFFF;
    background-color:#BAA77F;}
   input,textarea{
    font:10px 'Trebuchet MS';
    color:#FFFFFF;
    background-color:#BAA77F;
    border:1px solid #BAA77F;}
   hr{
    height:1px;
    color:#619E65;}
   b,strong,em,i,u{
    color:#E6665B;
    text-transform:uppercase;
    font-size:10px;}
  </style>
 </head>
 <body>
  <div class="entry">
   <center>
    <img src="http://www.sitefights.com/community/graphics/pinkfreak2//peterrabbit.jpg" alt="peter rabbit" />
   </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>Peter Rabbit</title>
  <style type="text/css">
   body{
    background-color:#D9DF7F;}
   .entry{
    position:absolute;
    top:-2px;
    left:190px;
    width:320px;
    padding:20px;
    font:11px 'Trebuchet MS';
    text-align:justify;
    color:#589665;
    background-color:#FFFFFF;
    border:2px solid #9E855C;
    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:#589665;
    background-color:#FFFFFF;
    border:2px solid #9E855C;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#BAA77F;
    text-decoration:none;}
   a:visited{
    color:#BAA77F;
    text-decoration:none;}
   a:hover{
    color:#E78345;
    text-decoration:underline;}
   a:active{
    color:#E78345;
    text-decoration:none;}
   h1{
    margin:10px 0px 0px 0px;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    line-height:24px;
    color:#619E65;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    line-height:20px;
    color:#619E65;}
   h3{
    margin:10px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    text-transform:uppercase;
    color:#619E65;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:15px;
    font-weight:bold;
    text-align:right;
    line-height:21px;
    color:#619E65;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:13px;
    font-weight:bold;
    text-align:right;
    line-height:19px;
    color:#619E65;}
   h6{
    margin:0px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    text-align:left;
    line-height:18px;
    color:#619E65;}
   blockquote{
    padding:10px;
    color:#FFFFFF;
    background-color:#BAA77F;}
   input,textarea{
    font:10px 'Trebuchet MS';
    color:#FFFFFF;
    background-color:#BAA77F;
    border:1px solid #BAA77F;}
   hr{
    height:1px;
    color:#619E65;}
   b,strong,em,i,u{
    color:#E6665B;
    text-transform:uppercase;
    font-size:10px;}
  </style>
 </head>
 <body>
  <div class="entry">
   <center>
    <img src="http://www.sitefights.com/community/graphics/pinkfreak2//peterrabbit.jpg" alt="peter rabbit" />
   </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, check out the FAQ/Help page or just email me and I'll do my best to help out.

Peter Rabbit

28 July 2004 at 10:16 pm

last & next

diary

contact

credit

extra