Straw Hat Girl

14 June 2004 at 11:18 pm

Hello! This is what this design will look like. The image is from Stock Exchange, it's such a beautiful picture and I love the yellow flower. I've had this for a while, but only just found something that worked for it, so yay! You will 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>straw hat</title>
  <style type="text/css">
   body{
    background-color:#3C301A;
    scrollbar-arrow-color:#A08A65;
    scrollbar-face-color:#142012;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#3C301A;}
   .entry{
    position:relative;
    width:400px;
    padding:15px 15px 465px 15px;
    color:#A08A65;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    background-color:#142012;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//strawhat1.jpg);
    background-position:bottom center;
    background-repeat:no-repeat;
    border:4px solid #000000;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#558048;
    text-decoration:none;}
   a:visited{
    color:#558048;
    text-decoration:none;}
   a:hover{
    color:#E1D801;
    text-decoration:underline;}
   a:active{
    color:#5B5C5E;
    text-decoration:none;}
   b,strong,i,em,u{
    color:#E3D6B6;
    text-transform:uppercase;
    font-size:10px;}
   h1{
    margin:10px 0px 0px 0px;
    font-size:22px;
    line-height:24px;
    color:#E3D6B6;
    font-weight:bold;
    text-align:left;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:18px;
    color:#E3D6B6;
    font-weight:normal;
    font-style:italic;
    text-align:left;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:16px;
    line-height:18px;
    color:#E3D6B6;
    font-weight:bold;
    text-align:center;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:13px;
    line-height:15px;
    color:#E3D6B6;
    font-weight:normal;
    font-style:italic;
    text-align:center;}
   h5{
    margin:10px 0px 0px 0px;
    font-size:14px;
    line-height:16px;
    color:#E3D6B6;
    font-weight:bold;
    text-align:right;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:11px;
    line-height:13px;
    color:#E3D6B6;
    text-transform:uppercase;
    font-weight:bold;
    text-align:right;}
   hr{
    color:#142012;
    border-bottom:2px solid #000000;}
   blockquote{
    padding:10px;
    font-size:11px;
    color:#E3D6B6;
    background-color:#3C301A;
    border:2px solid #000000;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#E3D6B6;
    background-color:#3C301A;
    border:2px solid #000000;}
  </style>
 </head>
 <body>
  <center>
  <div class="entry">
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
   %%entry%%
   <h3><a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a></h3>
   <h4><a href="index.html">newest</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <a href="http://www.sxc.hu" target="_blank">image</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h4>
  </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>straw hat</title>
  <style type="text/css">
   body{
    background-color:#3C301A;
    scrollbar-arrow-color:#A08A65;
    scrollbar-face-color:#142012;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#3C301A;}
   .entry{
    position:relative;
    width:400px;
    padding:15px 15px 465px 15px;
    color:#A08A65;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    background-color:#142012;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//strawhat1.jpg);
    background-position:bottom center;
    background-repeat:no-repeat;
    border:4px solid #000000;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#558048;
    text-decoration:none;}
   a:visited{
    color:#558048;
    text-decoration:none;}
   a:hover{
    color:#E1D801;
    text-decoration:underline;}
   a:active{
    color:#5B5C5E;
    text-decoration:none;}
   b,strong,i,em,u{
    color:#E3D6B6;
    text-transform:uppercase;
    font-size:10px;}
   h1{
    margin:10px 0px 0px 0px;
    font-size:22px;
    line-height:24px;
    color:#E3D6B6;
    font-weight:bold;
    text-align:left;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:18px;
    color:#E3D6B6;
    font-weight:normal;
    font-style:italic;
    text-align:left;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:16px;
    line-height:18px;
    color:#E3D6B6;
    font-weight:bold;
    text-align:center;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:13px;
    line-height:15px;
    color:#E3D6B6;
    font-weight:normal;
    font-style:italic;
    text-align:center;}
   h5{
    margin:10px 0px 0px 0px;
    font-size:14px;
    line-height:16px;
    color:#E3D6B6;
    font-weight:bold;
    text-align:right;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:11px;
    line-height:13px;
    color:#E3D6B6;
    text-transform:uppercase;
    font-weight:bold;
    text-align:right;}
   hr{
    color:#142012;
    border-bottom:2px solid #000000;}
   blockquote{
    padding:10px;
    font-size:11px;
    color:#E3D6B6;
    background-color:#3C301A;
    border:2px solid #000000;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#E3D6B6;
    background-color:#3C301A;
    border:2px solid #000000;}
  </style>
 </head>
 <body>
  <center>
  <div class="entry">
   <h1>Archives</h1>
   %%older_entries%%
   <h4><a href="index.html">newest</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <a href="http://www.sxc.hu" target="_blank">image</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h4>
  </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.

Straw Hat Girl

14 June 2004 at 11:18 pm

last & next

updates templates about links email notes design image host