oh sunflower, fill the fields with your glow

Sunflowers

Hello! This is what this design will look like. I had this picture for such a long time and I've finally made something with it, so I'm very proud! Mozilla screws this one up a bit, but if I alter it, it makes it look bad in Opera and IE - so I won't. 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>oh sunflower, fill the fields with your glow</title>
  <style type="text/css">
   body{
    text-align:center;
    font:11px 'Verdana';
    color:#0E0C0A;
    background-color:#0E0C0A;
    scrollbar-arrow-color:#FDC029;
    scrollbar-face-color:#1D1812;
    scrollbar-highlight-color:#FDC029;
    scrollbar-shadow-color:#FDC029;
    scrollbar-3dlight-color:#0E0C0A;
    scrollbar-darkshadow-color:#0E0C0A;
    scrollbar-track-color:#0E0C0A;}
   .container{
    position:relative;
    float:center;
    width:660;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .left{
    position:relative;
    float:left;
    width:193;
    padding:200px 5px 5px 5px;
    color:#FDC029;
    font:11px 'Verdana';
    line-height:14px;
    text-align:left;
    background-color:#1D1812;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//sunflower1.jpg);
    background-repeat:no-repeat;
    border:1px solid #FDC029;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .right{
    position:relative;
    float:right;
    width:434;
    padding:220px 5px 5px 5px;
    color:#FDC029;
    font:11px 'Verdana';
    line-height:14px;
    text-align:justify;
    background-color:#1D1812;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//sunflower2.jpg);
    background-repeat:no-repeat;
    border:1px solid #FDC029;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .title{
    font:13px;
    font-weight:bold;}
   input,textarea{
    font:10px 'Verdana';
    color:#FDC029;
    background-color:#0E0C0A;
    border:1px solid #D8D051;}
   a:link{
    color:#D8D051;
    text-decoration:none;}
   a:visited{
    color:#D8D051;
    text-decoration:none;}
   a:hover{
    color:#FDC029;
    text-decoration:underline;}
   a:active{
    color:#FDC029;
    text-decoration:none;}
  </style>
 </head>
 <body>
 <center>
  <div class="container">
  <div class="left">
   <b>
    navigate
   </b>
    <br />
   <a href="%%PREV%%">previous entry</a>
    <br />
   <a href="%%NEXT%%">next entry</a>
    <br />
   <a href="index.html">newest entry</a>
    <br />
   <a href="older.html">old entries</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">see my profile</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">leave a note</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">pink design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diaryland</a>
    <br /><br />
   <b>
    about me
   </b>
    <br />
   <font color="#D8D051">
    write about yourself here
   </font>
  </div>
  <div class="right">
   <font class="title">
    %%short_description%%
   </font>
    <br /><br />
   %%entry%%
    <br /><br />
   <b>
    <a href="%%PREV%%">�</a> %%date%% at %%time%% <a href="%%NEXT%%">�</a>
   </b>
  </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>oh sunflower, fill the fields with your glow</title>
  <style type="text/css">
   body{
    text-align:center;
    font:11px 'Verdana';
    color:#0E0C0A;
    background-color:#0E0C0A;
    scrollbar-arrow-color:#FDC029;
    scrollbar-face-color:#1D1812;
    scrollbar-highlight-color:#FDC029;
    scrollbar-shadow-color:#FDC029;
    scrollbar-3dlight-color:#0E0C0A;
    scrollbar-darkshadow-color:#0E0C0A;
    scrollbar-track-color:#0E0C0A;}
   .container{
    position:relative;
    float:center;
    width:660;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .left{
    position:relative;
    float:left;
    width:193;
    padding:200px 5px 5px 5px;
    color:#FDC029;
    font:11px 'Verdana';
    line-height:14px;
    text-align:left;
    background-color:#1D1812;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//sunflower1.jpg);
    background-repeat:no-repeat;
    border:1px solid #FDC029;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .right{
    position:relative;
    float:right;
    width:434;
    padding:220px 5px 5px 5px;
    color:#FDC029;
    font:11px 'Verdana';
    line-height:14px;
    text-align:justify;
    background-color:#1D1812;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//sunflower2.jpg);
    background-repeat:no-repeat;
    border:1px solid #FDC029;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .title{
    font:13px;
    font-weight:bold;}
   input,textarea{
    font:10px 'Verdana';
    color:#FDC029;
    background-color:#0E0C0A;
    border:1px solid #D8D051;}
   a:link{
    color:#D8D051;
    text-decoration:none;}
   a:visited{
    color:#D8D051;
    text-decoration:none;}
   a:hover{
    color:#FDC029;
    text-decoration:underline;}
   a:active{
    color:#FDC029;
    text-decoration:none;}
  </style>
 </head>
 <body>
 <center>
  <div class="container">
  <div class="left">
   <b>
    navigate
   </b>
    <br />
   <a href="index.html">newest entry</a>
    <br />
   <a href="older.html">old entries</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">see my profile</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">leave a note</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">pink design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diaryland</a>
    <br /><br />
   <b>
    about me
   </b>
    <br />
   <font color="#D8D051">
    write about yourself here 
   </font>
  </div>
  <div class="right">
   <font class="title">
    Archives
   </font>
    <br /><br />
   %%entry%%
  </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.

� %%date%% at %%time%% �