creepy crawly caterpillar

Creepy Crawly Caterpillar
12 April 2004 at 11:06 pm

Hello! This is what this design will look like. A re-make of one of my many green designs, the old one wasn't too bad I suppose. Cool caterpillar from Stock Exchange. 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.

<!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>creepy crawly caterpillar</title>
  <style type="text/css">
   body{
    text-align:center;
    font:11px 'Verdana';
    background-color:#B1DF6F;
    scrollbar-arrow-color:#1C4B03;
    scrollbar-face-color:#71B93C;
    scrollbar-highlight-color:#1C4B03;
    scrollbar-shadow-color:#1C4B03;
    scrollbar-3dlight-color:#B1DF6F;
    scrollbar-darkshadow-color:#B1DF6F;
    scrollbar-track-color:#B1DF6F;}
   .container{
    position:relative;
    float:center;
    width:518;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .cat{
    position:relative;
    float:top;
    width:498;
    height:241;
    border:1px solid #1C4B03;
    background-color:#71B93C;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//caterpillar.jpg);
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:left;
    width:378;
    color:#1C4B03;
    font:11px 'Verdana';
    line-height:15px;
    text-align:left;
    padding:5px;
    border:1px solid #1C4B03;
    background-color:#71B93C;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .side{
    position:relative;
    float:right;
    width:105;
    color:#1C4B03;
    font:11px 'Verdana';
    line-height:15px;
    text-align:left;
    padding:5px;
    border:1px solid #1C4B03;
    background-color:#71B93C;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font:13px;
    font-weight:bold;}
   .small{
    font:10px;}
   input,textarea{
    color:#1C4B03;
    font:11px 'Verdana';
    border:1px solid #1C4B03;
    background-color:#B1DF6F;}
   a:link{
    color:#B1DF6F;
    text-decoration:none;}
   a:visited{
    color:#B1DF6F;
    text-decoration:none;}
   a:hover{
    color:#1C4B03;
    text-decoration:underline;}
   a:active{
    color:#1C4B03;
    text-decoration:none;}
  </style>
 </head>
 <body>
  <center>
  <div class="container">
   <div class="cat">
   </div>
    <br />
   <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>
   </div>
   <div class="side">
    <b>diary:</b>
     <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="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="http://www.sxc.hu" target="_blank">image</a>
     <br />
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
    <b>about me:</b>
     <br />
    write about yourself here
     <br /><br />
    <b>likes:</b>
     <br />
    write your likes here
     <br /><br />
    <b>dislikes:</b>
     <br />
    write your dislikes here
   </div>
  </div>
  </center>
 </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>creepy crawly caterpillar</title>
  <style type="text/css">
   body{
    text-align:center;
    font:11px 'Verdana';
    background-color:#B1DF6F;
    scrollbar-arrow-color:#1C4B03;
    scrollbar-face-color:#71B93C;
    scrollbar-highlight-color:#1C4B03;
    scrollbar-shadow-color:#1C4B03;
    scrollbar-3dlight-color:#B1DF6F;
    scrollbar-darkshadow-color:#B1DF6F;
    scrollbar-track-color:#B1DF6F;}
   .container{
    position:relative;
    float:center;
    width:518;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .cat{
    position:relative;
    float:top;
    width:498;
    height:241;
    border:1px solid #1C4B03;
    background-color:#71B93C;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//caterpillar.jpg);
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:left;
    width:378;
    color:#1C4B03;
    font:11px 'Verdana';
    line-height:15px;
    text-align:left;
    padding:5px;
    border:1px solid #1C4B03;
    background-color:#71B93C;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .side{
    position:relative;
    float:right;
    width:105;
    color:#1C4B03;
    font:11px 'Verdana';
    line-height:15px;
    text-align:left;
    padding:5px;
    border:1px solid #1C4B03;
    background-color:#71B93C;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font:13px;
    font-weight:bold;}
   .small{
    font:10px;}
   input,textarea{
    color:#1C4B03;
    font:11px 'Verdana';
    border:1px solid #1C4B03;
    background-color:#B1DF6F;}
   a:link{
    color:#B1DF6F;
    text-decoration:none;}
   a:visited{
    color:#B1DF6F;
    text-decoration:none;}
   a:hover{
    color:#1C4B03;
    text-decoration:underline;}
   a:active{
    color:#1C4B03;
    text-decoration:none;}
  </style>
 </head>
 <body>
  <center>
  <div class="container">
   <div class="cat">
   </div>
    <br />
   <div class="entry">
    <font class="big">
     Archives
    </font>
     <br /><br />
    %%older_entries%%
   </div>
   <div class="side">
    <b>diary:</b>
     <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="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="http://www.sxc.hu" target="_blank">image</a>
     <br />
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
    <b>about me:</b>
     <br />
    write about yourself here
     <br /><br />
    <b>likes:</b>
     <br />
    write your likes here
     <br /><br />
    <b>dislikes:</b>
     <br />
    write your dislikes here
   </div>
  </div>
  </center>
 </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