busy little bumblebee

� Busy Little Bumblebee �
Hello! This is what this design will look like. I think my inspiration for this one is definitely Winnie-the-Pooh, the bees are so cute. The bee was originally a dingbat from the font GardenDingbats that I coloured in. 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>busy little bumblebee</title>
  <style type="text/css">
   body{
    color:#000000;
    background-color:#95C9FF;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#95C9FF;
    scrollbar-highlight-color:#95C9FF;
    scrollbar-shadow-color:#95C9FF;
    scrollbar-3dlight-color:#95C9FF;
    scrollbar-darkshadow-color:#95C9FF;
    scrollbar-track-color:#95C9FF;}
   a:link{
    color:#000000;
    text-decoration:none;
    border-bottom:1px dashed #DDEEFE;}
   a:visited{
    color:#000000;
    text-decoration:none;
    border-bottom:1px dashed #DDEEFE;}
   a:hover{
    color:#000000;
    text-decoration:none;
    border-bottom:1px dashed #000000;}
   a:active{
    color:#000000;
    text-decoration:none;}
   input,textarea{
    font:11px 'Verdana';
    color:#000000;
    background-color:#DDEEFE;
    border:1px dashed #000000;
    scrollbar-face-color:#DDEEFE;
    scrollbar-highlight-color:#DDEEFE;
    scrollbar-shadow-color:#DDEEFE;
    scrollbar-3dlight-color:#DDEEFE;
    scrollbar-darkshadow-color:#DDEEFE;
    scrollbar-track-color:#DDEEFE;}
   .bee{
    position:absolute;
    top:10;
    left:25%;
    width:50%;
    z-index:1;
    padding:10px;
    font:12px 'Verdana';
    line-height:16px;
    text-align:justify;}
   .big{
    font-size:14px;
    font-weight:bold;}
   .small{
    font-size:11px;
    font-weight:bold;}
  </style>
 </head>
 <body>
  <div class="bee">
   <center>
    <img src="http://www.sitefights.com/community/aboutme/pinkfreak//bee-title.gif" alt="" width="400" height="130" />
     <br /><br />
    <font class="big">
     <a href="%%PREV%%">�</a> %%short_description%% <a href="%%NEXT%%">�</a>
    </font>
   </center>
    <br />
   %%entry%%
    <br /><br />
   <center>
    <font class="small">
     <a href="%%PREV%%">�</a> written on %%date%% at %%time%% <a href="%%NEXT%%">�</a>
    </font>
     <br />
    <img src="http://www.sitefights.com/community/aboutme/pinkfreak//bee-links.gif" alt="" width="400" height="129" usemap="#bee-links" border="0" />
   </center>
  </div>
  <map name="bee-links">
   <area shape="rect" alt="newest entry" coords="18,72,54,96" href="index.html" title="newest entry">
   <area shape="rect" alt="archives" coords="59,83,89,109" href="older.html" title="archives">
   <area shape="rect" alt="my profile" coords="94,91,142,118" href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME" title="my profile">
   <area shape="rect" alt="notes, guestbook, email, etc" coords="151,101,214,124" href="YOUR CONTACT URL" title="notes, guestbook, email, etc">
   <area shape="rect" alt="cast, rings, links, etc" coords="224,98,281,120" href="YOUR EXTRAS URL" title="cast, rings, links, etc">
   <area shape="rect" alt="designed by beth" coords="290,85,336,113" href="http://pink-design.diaryland.com" title="designed by beth" target="_blank">
   <area shape="rect" alt="diaryland" coords="341,70,376,96" href="http://www.diaryland.com" title="diaryland" target="_blank">
   <area shape="default" nohref alt="">
  </map>
 </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>busy little bumblebee</title>
  <style type="text/css">
   body{
    color:#000000;
    background-color:#95C9FF;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#95C9FF;
    scrollbar-highlight-color:#95C9FF;
    scrollbar-shadow-color:#95C9FF;
    scrollbar-3dlight-color:#95C9FF;
    scrollbar-darkshadow-color:#95C9FF;
    scrollbar-track-color:#95C9FF;}
   a:link{
    color:#000000;
    text-decoration:none;
    border-bottom:1px dashed #DDEEFE;}
   a:visited{
    color:#000000;
    text-decoration:none;
    border-bottom:1px dashed #DDEEFE;}
   a:hover{
    color:#000000;
    text-decoration:none;
    border-bottom:1px dashed #000000;}
   a:active{
    color:#000000;
    text-decoration:none;}
   input,textarea{
    font:11px 'Verdana';
    color:#000000;
    background-color:#DDEEFE;
    border:1px dashed #000000;
    scrollbar-face-color:#DDEEFE;
    scrollbar-highlight-color:#DDEEFE;
    scrollbar-shadow-color:#DDEEFE;
    scrollbar-3dlight-color:#DDEEFE;
    scrollbar-darkshadow-color:#DDEEFE;
    scrollbar-track-color:#DDEEFE;}
   .bee{
    position:absolute;
    top:10;
    left:25%;
    width:50%;
    z-index:1;
    padding:10px;
    font:12px 'Verdana';
    line-height:16px;
    text-align:justify;}
   .big{
    font-size:14px;
    font-weight:bold;}
   .small{
    font-size:11px;
    font-weight:bold;}
  </style>
 </head>
 <body>
  <div class="bee">
   <center>
    <img src="http://www.sitefights.com/community/aboutme/pinkfreak//bee-title.gif" alt="" width="400" height="130" />
     <br /><br />
    <font class="big">
     %%short_description%%
    </font>
   </center>
    <br />
   %%entry%%
    <br /><br />
   <center>
    <font class="small">
     written on %%date%% at %%time%%
    </font>
     <br />
    <img src="http://www.sitefights.com/community/aboutme/pinkfreak//bee-links.gif" alt="" width="400" height="129" usemap="#bee-links" border="0" />
   </center>
  </div>
  <map name="bee-links">
   <area shape="rect" alt="newest entry" coords="18,72,54,96" href="index.html" title="newest entry">
   <area shape="rect" alt="archives" coords="59,83,89,109" href="older.html" title="archives">
   <area shape="rect" alt="my profile" coords="94,91,142,118" href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME" title="my profile">
   <area shape="rect" alt="notes, guestbook, email, etc" coords="151,101,214,124" href="YOUR CONTACT URL" title="notes, guestbook, email, etc">
   <area shape="rect" alt="cast, rings, links, etc" coords="224,98,281,120" href="YOUR EXTRAS URL" title="cast, rings, links, etc">
   <area shape="rect" alt="designed by beth" coords="290,85,336,113" href="http://pink-design.diaryland.com" title="designed by beth" target="_blank">
   <area shape="rect" alt="diaryland" coords="341,70,376,96" href="http://www.diaryland.com" title="diaryland" target="_blank">
   <area shape="default" nohref alt="">
  </map>
 </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.

� written on 10 April 2004 at 4:19 pm �

(updates templates about links email notes design host)