i want to be a happy flower child

Happy Flower Child
10 April 2004 at 3:46 pm

Hello! This is what this design will look like. Just a pretty, but muted one, with a picture of Drew Barrymore and a quote of hers. It scrolls horizontally in less than 1024x768. 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 most of the 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>i want to be a happy flower child</title>
  <style type="text/css">
   body{
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//happychild.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-color:#CADEE0;
    scrollbar-arrow-color:#CADEE0;
    scrollbar-face-color:#ECF1F4;
    scrollbar-highlight-color:#ECF1F4;
    scrollbar-shadow-color:#ECF1F4;
    scrollbar-3dlight-color:#ECF1F4;
    scrollbar-darkshadow-color:#ECF1F4;
    scrollbar-track-color:#ECF1F4;}
   .entry{
    position:absolute;
    top:0;
    left:475;
    width:300;
    text-align:justify;
    font:11px 'Verdana';
    line-height:15px;
    padding:15px 10px 15px 10px;
    color:#82A4A7;
    background-color:#ECF1F4;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:0;
    left:806;
    width:100;
    text-align:justify;
    font:11px 'Verdana';
    line-height:15px;
    padding:15px 10px 15px 10px;
    color:#82A4A7;
    background-color:#ECF1F4;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font:15px;
    font-weight:bold;}
   .small{
    font:11px;}
   a:link{
    color:#596F4C;
    text-decoration:none;}
   a:visited{
    color:#596F4C;
    text-decoration:none;}
   a:hover{
    color:#82A4A7;
    text-decoration:none;}
   a:active{
    color:#82A4A7;
    text-decoration:underline;}
   input,textarea{
    font:11px 'Verdana';
    color:#596F4C;
    background-color:#CADEE0;
    border:0px #596F4C solid;
    scrollbar-arrow-color:#ECF1F4;
    scrollbar-face-color:#CADEE0;
    scrollbar-highlight-color:#CADEE0;
    scrollbar-shadow-color:#CADEE0;
    scrollbar-3dlight-color:#CADEE0;
    scrollbar-darkshadow-color:#CADEE0;
    scrollbar-track-color:#CADEE0;}
  </style>
 </head>
 <body>
  <div class="entry">
   <font class="big">
    %%short_description%%
   </font>
    <br />
   <font class="small">
    %%date%% at %%time%%
   </font>
    <br /><br />
   %%entry%%
    <br /><br />
   <font class="small">
    <a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a>
   </font>
  </div>
  <div class="nav">
   <a href="index.html">newest</a>
    <br />
   <a href="older.html">older</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
    <br />
   <a href="YOUR CAST URL">cast list</a>
    <br />
   <a href="YOUR PICTURES URL">pictures</a>
    <br />
   <a href="YOUR RINGS URL">rings</a>
    <br />
   <a href="YOUR REVIEWS URL">reviews</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
    <br />
   <a href="YOUR GUESTBOOK URL">guestbook</a>
    <br />
   <a href="mailto:YOUR EMAIL ADDRESS">email me</a>
    <br />
   <a href="YOUR LINKS URL">links</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">design</a>
    <br />
   <a href="http://www.superiorpics.com" target="_blank">image</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">host</a>
  </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>i want to be a happy flower child</title>
  <style type="text/css">
   body{
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//happychild.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-color:#CADEE0;
    scrollbar-arrow-color:#CADEE0;
    scrollbar-face-color:#ECF1F4;
    scrollbar-highlight-color:#ECF1F4;
    scrollbar-shadow-color:#ECF1F4;
    scrollbar-3dlight-color:#ECF1F4;
    scrollbar-darkshadow-color:#ECF1F4;
    scrollbar-track-color:#ECF1F4;}
   .entry{
    position:absolute;
    top:0;
    left:475;
    width:300;
    text-align:justify;
    font:11px 'Verdana';
    line-height:15px;
    padding:15px 10px 15px 10px;
    color:#82A4A7;
    background-color:#ECF1F4;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:0;
    left:806;
    width:100;
    text-align:justify;
    font:11px 'Verdana';
    line-height:15px;
    padding:15px 10px 15px 10px;
    color:#82A4A7;
    background-color:#ECF1F4;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font:15px;
    font-weight:bold;}
   .small{
    font:11px;}
   a:link{
    color:#596F4C;
    text-decoration:none;}
   a:visited{
    color:#596F4C;
    text-decoration:none;}
   a:hover{
    color:#82A4A7;
    text-decoration:none;}
   a:active{
    color:#82A4A7;
    text-decoration:underline;}
   input,textarea{
    font:11px 'Verdana';
    color:#596F4C;
    background-color:#CADEE0;
    border:0px #596F4C solid;
    scrollbar-arrow-color:#ECF1F4;
    scrollbar-face-color:#CADEE0;
    scrollbar-highlight-color:#CADEE0;
    scrollbar-shadow-color:#CADEE0;
    scrollbar-3dlight-color:#CADEE0;
    scrollbar-darkshadow-color:#CADEE0;
    scrollbar-track-color:#CADEE0;}
  </style>
 </head>
 <body>
  <div class="entry">
   <font class="big">
    Archives
   </font>
    <br /><br />
   %%older_entries%%
    <br /><br />
   <font class="small">
    put links to your older1.html pages here
   </font>
  </div>
  <div class="nav">
   <a href="index.html">newest</a>
    <br />
   <a href="older.html">older</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
    <br />
   <a href="YOUR CAST URL">cast list</a>
    <br />
   <a href="YOUR PICTURES URL">pictures</a>
    <br />
   <a href="YOUR RINGS URL">rings</a>
    <br />
   <a href="YOUR REVIEWS URL">reviews</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
    <br />
   <a href="YOUR GUESTBOOK URL">guestbook</a>
    <br />
   <a href="mailto:YOUR EMAIL ADDRESS">email me</a>
    <br />
   <a href="YOUR LINKS URL">links</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">design</a>
    <br />
   <a href="http://www.superiorpics.com" target="_blank">image</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">host</a>
  </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.

last & next