07 June 2004 at 11:13 pm

Goo Goo Dolls: Sunshine of your love

Hello! This is what this design will look like. It was made for the Template Challenge, we had to use lyrics from a Goo Goo Dolls song. I don't really know them so I just looked through a few lyrics, and my eye kept getting caught by the line "i'll stay with you till the seas are dried up" so that's what I decided to use! 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>i'll stay with you till the seas are dried up</title>
  <style type="text/css">
   body{
    font:8px 'Trebuchet MS';
    background-color:#E6F0D5;
    scrollbar-arrow-color:#255946;
    scrollbar-face-color:#D7E4C5;
    scrollbar-highlight-color:#D7E4C5;
    scrollbar-shadow-color:#D7E4C5;
    scrollbar-3dlight-color:#255946;
    scrollbar-darkshadow-color:#255946;
    scrollbar-track-color:#E6F0D5;}
   .seas{
    position:relative;
    float:top;
    width:600px;
    height:140px;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//dryseas.jpg);
    background-color:#D7E4C5;
    border:1px solid #255946;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:bottom;
    width:600px;
    padding:20px 20px 10px 20px;
    font:11px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    color:#255946;
    background-color:#D7E4C5;
    border:1px solid #255946;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   h1{
    margin:10px 0px 0px 0px;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    color:#164433;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    text-align:left;
    color:#164433;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:15px;
    font-weight:bold;
    text-align:right;
    color:#164433;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:13px;
    font-weight:bold;
    text-align:right;
    color:#164433;}
   h5{
    margin:10px 0px 0px 0px;
    font-size:17px;
    font-weight:bold;
    text-align:center;
    color:#164433;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#164433;}
   hr{
    color:#D7E4C5;
    border-bottom:1px solid #164433;}
   a:link{
    color:#568298;
    text-decoration:none;}
   a:visited{
    color:#568298;
    text-decoration:none;}
   a:hover{
    color:#768764;
    text-decoration:underline;}
   a:active{
    color:#768764;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#164433;
    text-transform:uppercase;
    font-size:10px;}
   blockquote{
    padding:10px;
    color:#768764;
    background-color:#E6F0D5;
    border:1px solid #768764;}
   input,textarea{
    font:10px 'Trebuchet MS';
    color:#768764;
    background-color:#E6F0D5;
    border:1px solid #768764;}
  </style>
 </head>
 <body>
  <center><br />
  <div class="seas"></div>
   <br />
  <div class="entry">
   <h1>%%date%% at %%time%%</h1>
   <h2>%%short_description%%</h2>
   %%entry%%
    <br />
   <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://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.sxc.hu" target="_blank">image</a> <a href="http://www.diaryland.com" target="_blank">host</a></h4>
  </div>
  <br /></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>i'll stay with you till the seas are dried up</title>
  <style type="text/css">
   body{
    font:8px 'Trebuchet MS';
    background-color:#E6F0D5;
    scrollbar-arrow-color:#255946;
    scrollbar-face-color:#D7E4C5;
    scrollbar-highlight-color:#D7E4C5;
    scrollbar-shadow-color:#D7E4C5;
    scrollbar-3dlight-color:#255946;
    scrollbar-darkshadow-color:#255946;
    scrollbar-track-color:#E6F0D5;}
   .seas{
    position:relative;
    float:top;
    width:600px;
    height:140px;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//dryseas.jpg);
    background-color:#D7E4C5;
    border:1px solid #255946;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:bottom;
    width:600px;
    padding:20px 20px 10px 20px;
    font:11px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    color:#255946;
    background-color:#D7E4C5;
    border:1px solid #255946;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   h1{
    margin:10px 0px 0px 0px;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    color:#164433;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    text-align:left;
    color:#164433;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:15px;
    font-weight:bold;
    text-align:right;
    color:#164433;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:13px;
    font-weight:bold;
    text-align:right;
    color:#164433;}
   h5{
    margin:10px 0px 0px 0px;
    font-size:17px;
    font-weight:bold;
    text-align:center;
    color:#164433;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#164433;}
   hr{
    color:#D7E4C5;
    border-bottom:1px solid #164433;}
   a:link{
    color:#568298;
    text-decoration:none;}
   a:visited{
    color:#568298;
    text-decoration:none;}
   a:hover{
    color:#768764;
    text-decoration:underline;}
   a:active{
    color:#768764;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#164433;
    text-transform:uppercase;
    font-size:10px;}
   blockquote{
    padding:10px;
    color:#768764;
    background-color:#E6F0D5;
    border:1px solid #768764;}
   input,textarea{
    font:10px 'Trebuchet MS';
    color:#768764;
    background-color:#E6F0D5;
    border:1px solid #768764;}
  </style>
 </head>
 <body>
  <center><br />
  <div class="seas"></div>
   <br />
  <div class="entry">
   <h1>Archives</h1>
   %%older_entries%%
    <br />
   <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://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.sxc.hu" target="_blank">image</a> <a href="http://www.diaryland.com" target="_blank">host</a></h4>
  </div>
  <br /></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.

07 June 2004 at 11:13 pm

Goo Goo Dolls: Sunshine of your love

last & next

updates templates about notes links design host