27 May 2004 at 7:34 pm

Rain Falls

Hello! This is what this design will look like. The image is from Stock Exchange. Hmm.. not much I can really say about this one, it's the same kind of thing as usual but with a different picture! And strangely twisted shades of pink. There are lots of cool things like blockquotes for this :) 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>rain falls</title>
  <style type="text/css">
   body{
    font:12px 'Trebuchet MS';
    background-color:#EBC1C5;
    scrollbar-arrow-color:#D53B47;
    scrollbar-face-color:#E29794;
    scrollbar-highlight-color:#E29794;
    scrollbar-shadow-color:#E29794;
    scrollbar-3dlight-color:#E75757;
    scrollbar-darkshadow-color:#E75757;
    scrollbar-track-color:#EBC1C5;}
   .pic{
    position:relative;
    float:top;
    width:450;
    height:346;
    padding:10px;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//rainfalls1.jpg);
    border:1px solid #E75757;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:bottom;
    width:450;
    padding:10px;
    color:#D53B47;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    background-color:#E29794;
    border:1px solid #E75757;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#E75757;
    text-decoration:none;}
   a:visited{
    color:#E75757;
    text-decoration:none;}
   a:hover{
    color:#D53B47;
    text-decoration:underline;}
   a:active{
    color:#D53B47;
    text-decoration:none;}
   h1{
    margin:0px;
    font:15px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;
    color:#D53B47;
    border-bottom:1px solid #E75757;}
   h2{
    margin:0px;
    font:11px 'Trebuchet MS';
    text-align:right;
    color:#D53B47;}
   h3{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;
    color:#D53B47;
    border-bottom:1px solid #E75757;}
   h4{
    margin:0px;
    font:15px 'Trebuchet MS';
    font-weight:bold;
    text-align:center;
    color:#D53B47;
    border-bottom:1px solid #E75757;}
   h5{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:center;
    color:#D53B47;}
   h6{
    margin:0px;
    font:11px 'Trebuchet MS';
    font-weight:normal;
    text-align:center;
    color:#D53B47;}
   hr{
    color:#E29794;
    border-bottom:1px solid #D53B47;}
   b,i,u,strong,em{
    color:#E75757;}
   blockquote{
    color:#E75757;
    padding:8px;
    border:1px solid #E75757;
    background-color:#EBC1C5;}
   input,textarea{
    font:12px 'Trebuchet MS';
    color:#E75757;
    border:1px solid #E75757;
    background-color:#EBC1C5;}
  </style>
 </head>
 <body>
  <center>
  <div class="pic">
  </div>
   <br />
  <div class="entry">
   <h1>
    %%date%% at %%time%%
   </h1>
   <h2>
    %%short_description%%
   </h2>
    <br />
   %%entry%%
    <br /><br />
   <h3>
    <a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a>
   </h3>
   <h2>
    <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>
   </h2>
  </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>rain falls</title>
  <style type="text/css">
   body{
    font:12px 'Trebuchet MS';
    background-color:#EBC1C5;
    scrollbar-arrow-color:#D53B47;
    scrollbar-face-color:#E29794;
    scrollbar-highlight-color:#E29794;
    scrollbar-shadow-color:#E29794;
    scrollbar-3dlight-color:#E75757;
    scrollbar-darkshadow-color:#E75757;
    scrollbar-track-color:#EBC1C5;}
   .pic{
    position:relative;
    float:top;
    width:450;
    height:346;
    padding:10px;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//rainfalls1.jpg);
    border:1px solid #E75757;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:bottom;
    width:450;
    padding:10px;
    color:#D53B47;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    background-color:#E29794;
    border:1px solid #E75757;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#E75757;
    text-decoration:none;}
   a:visited{
    color:#E75757;
    text-decoration:none;}
   a:hover{
    color:#D53B47;
    text-decoration:underline;}
   a:active{
    color:#D53B47;
    text-decoration:none;}
   h1{
    margin:0px;
    font:15px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;
    color:#D53B47;
    border-bottom:1px solid #E75757;}
   h2{
    margin:0px;
    font:11px 'Trebuchet MS';
    text-align:right;
    color:#D53B47;}
   h3{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;
    color:#D53B47;
    border-bottom:1px solid #E75757;}
   h4{
    margin:0px;
    font:15px 'Trebuchet MS';
    font-weight:bold;
    text-align:center;
    color:#D53B47;
    border-bottom:1px solid #E75757;}
   h5{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:center;
    color:#D53B47;}
   h6{
    margin:0px;
    font:11px 'Trebuchet MS';
    font-weight:normal;
    text-align:center;
    color:#D53B47;}
   hr{
    color:#E29794;
    border-bottom:1px solid #D53B47;}
   b,i,u,strong,em{
    color:#E75757;}
   blockquote{
    color:#E75757;
    padding:8px;
    border:1px solid #E75757;
    background-color:#EBC1C5;}
   input,textarea{
    font:12px 'Trebuchet MS';
    color:#E75757;
    border:1px solid #E75757;
    background-color:#EBC1C5;}
  </style>
 </head>
 <body>
  <center>
  <div class="pic">
  </div>
   <br />
  <div class="entry">
   <h1>
    Archives
   </h1>
   <h2>
    �
   </h2>
    <br />
   %%older_entries%%
    <br /><br />
   <h3>
    �
   </h3>
   <h2>
    <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>
   </h2>
  </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.

27 May 2004 at 7:34 pm

Rain Falls

last & next

updates templates about links email notes image design host