Starring the beautiful Miss Piggy

Miss Piggy
10 April 2004 at 3:37 pm

Hello! This is what this design will look like. I wanted to do something more similar to the Kermit one, but I couldn't find a decent picture of her - it's a travesty! You can get pictures of Britney Spears, but not Miss Piggy - whatever happened to liking talent? Anywho, enough about Miss Piggy being the best female celebrity ever. You 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.

You will need to change the contact and extras URLs, if you are not sure how to do this just email me. (You will need to do the same for the older entries page code).

<!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>Starring the beautiful Miss Piggy</title>
  <style type="text/css">
   body{
    background-color:#F5C4D4;
    scrollbar-arrow-color:#A5294F;
    scrollbar-face-color:#CE527B;
    scrollbar-highlight-color:#A5294F;
    scrollbar-shadow-color:#A5294F;
    scrollbar-3dlight-color:#F5C4D4;
    scrollbar-darkshadow-color:#F5C4D4;
    scrollbar-track-color:#F5C4D4;}
   .image{
    height:100;
    width:100;
    border:2px solid #A5294F;
    background-color:#CE527B;}
   .entry1{
    border:2px solid #A5294F;
    background-color:#CE527B;}
   .entry{
    overflow:auto;
    height:485;
    width:350;
    font:13px 'Verdana';
    color:#FFFFFF;
    text-align:justify;
    scrollbar-arrow-color:#A5294F;
    scrollbar-face-color:#CE527B;
    scrollbar-highlight-color:#CE527B;
    scrollbar-shadow-color:#CE527B;
    scrollbar-3dlight-color:#CE527B;
    scrollbar-darkshadow-color:#CE527B;
    scrollbar-track-color:#CE527B;}
   .big{
    font:15px;
    font-weight:bold;}
   .small{
    font:11px;}
   a:link{color:#F5C4D4;text-decoration:none;}
   a:visited{color:#F5C4D4;text-decoration:none;}
   a:hover{color:#FFFFFF;text-decoration:none;}
   a:active{color:#FFFFFF;text-decoration:none;}
   input,textarea{
    font:11px 'Verdana';
    color:#A5294F;
    border:1px solid #A5294F;
    background-color:#F5C4D4;}
  </style>
 </head>
 <body>
  <table class="table" cellpadding="5" cellspacing="33">
   <tr>
    <td class="image" background="http://www.sitefights.com/community/aboutme/pinkfreak//mp1.jpg">
     �
    </td>
    <td rowspan="4" class="entry1" valign="top">
     <div class="entry">
      <font class="big">
       %%short_description%%
      </font>
       <br />
      <font class="small">
       %%date%% at %%time%%
      </font>
       <br /><br />
      %%entry%%
       <br /><br />
      <b>
       <a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a>
      </b>
       <br />
      <font class="small">
       <a href="index.html">new</a> <a href="older.html">old</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">me</a> <a href="YOUR CONTACT URL">contact</a> <a href="YOUR EXTRAS URL">extras</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.henson.com/index2.html" target="_blank">miss p</a> <a href="http://www.diaryland.com" target="_blank">host</a>
      </font>
     </div>
    </td>
   </tr>
   <tr>
    <td class="image" background="http://www.sitefights.com/community/aboutme/pinkfreak//mp4.jpg">
     �
    </td>
   </tr>
   <tr>
    <td class="image" background="http://www.sitefights.com/community/aboutme/pinkfreak//mp2.gif">
     �
    </td>
   </tr>
   <tr>
    <td class="image" background="http://www.sitefights.com/community/aboutme/pinkfreak//mp3.jpg">
     �
    </td>
   </tr>
  </table>
 </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>Starring the beautiful Miss Piggy</title>
  <style type="text/css">
   body{
    background-color:#F5C4D4;
    scrollbar-arrow-color:#A5294F;
    scrollbar-face-color:#CE527B;
    scrollbar-highlight-color:#A5294F;
    scrollbar-shadow-color:#A5294F;
    scrollbar-3dlight-color:#F5C4D4;
    scrollbar-darkshadow-color:#F5C4D4;
    scrollbar-track-color:#F5C4D4;}
   .image{
    height:100;
    width:100;
    border:2px solid #A5294F;
    background-color:#CE527B;}
   .entry1{
    border:2px solid #A5294F;
    background-color:#CE527B;}
   .entry{
    overflow:auto;
    height:485;
    width:350;
    font:13px 'Verdana';
    color:#FFFFFF;
    text-align:justify;
    scrollbar-arrow-color:#A5294F;
    scrollbar-face-color:#CE527B;
    scrollbar-highlight-color:#CE527B;
    scrollbar-shadow-color:#CE527B;
    scrollbar-3dlight-color:#CE527B;
    scrollbar-darkshadow-color:#CE527B;
    scrollbar-track-color:#CE527B;}
   .big{
    font:15px;
    font-weight:bold;}
   .small{
    font:11px;}
   a:link{color:#F5C4D4;text-decoration:none;}
   a:visited{color:#F5C4D4;text-decoration:none;}
   a:hover{color:#FFFFFF;text-decoration:none;}
   a:active{color:#FFFFFF;text-decoration:none;}
   input,textarea{
    font:11px 'Verdana';
    color:#A5294F;
    border:1px solid #A5294F;
    background-color:#F5C4D4;}
  </style>
 </head>
 <body>
  <table class="table" cellpadding="5" cellspacing="33">
   <tr>
    <td class="image" background="http://www.sitefights.com/community/aboutme/pinkfreak//mp1.jpg">
     �
    </td>
    <td rowspan="4" class="entry1" valign="top">
     <div class="entry">
      <font class="big">
       Archives
      </font>
       <br /><br />
      %%older_entries%%
       <br /><br />
      <b>
       put links to your older1.html, etc. pages here
      </b>
       <br />
      <font class="small">
       <a href="index.html">new</a> <a href="older.html">old</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">me</a> <a href="YOUR CONTACT URL">contact</a> <a href="YOUR EXTRAS URL">extras</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.henson.com/index2.html" target="_blank">miss p</a> <a href="http://www.diaryland.com" target="_blank">host</a>
      </font>
     </div>
    </td>
   </tr>
   <tr>
    <td class="image" background="http://www.sitefights.com/community/aboutme/pinkfreak//mp4.jpg">
     �
    </td>
   </tr>
   <tr>
    <td class="image" background="http://www.sitefights.com/community/aboutme/pinkfreak//mp2.gif">
     �
    </td>
   </tr>
   <tr>
    <td class="image" background="http://www.sitefights.com/community/aboutme/pinkfreak//mp3.jpg">
     �
    </td>
   </tr>
  </table>
 </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.

last & next
updates templates about links email notes design miss p host