Wanting

25 May 2004 at 9:56 pm

Hello! This is what this design will look like. I found this amazing image at Stock Exchange, and I just had to use it. There are lots of wonderful things like a cool blockquote and all that. You need to change the USERNAME bits to your username, and change 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>wanting</title>
  <style type="text/css">
   body{
    background-color:#FFFFDB;}
   .wanting{
    position:relative;
    float:top;
    width:380px;
    height:450px;
    padding:0px;
    border:7px double #554C2D;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//wanting.jpg);
    background-color:#E8E3B2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:bottom;
    width:380px;
    padding:10px;
    color:#554C2D;
    font:12px 'Trebuchet MS';
    line-height:19px;
    text-align:justify;
    border:7px double #554C2D;
    background-color:#E8E3B2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   b,i,u,strong,em{
    color:#798148;}
   blockquote{
    color:#798148;
    padding:10px;
    border:4px double #798148;
    background-color:#FFFFDB;}
   hr{
    margin:10px 0px 10px 0px;
    color:#E8E3B2;
    height:4px;
    border-bottom:2px solid #798148;
    border-top:1px solid #798148;}
   input,textarea{
    font:12px 'Trebuchet MS';
    color:#798148;
    padding:1px 0px 0px 5px;
    border:4px double #798148;
    background-color:#FFFFDB;}
   textarea{
    padding:5px;}
   h1{
    margin:0px;
    font-size:18px;
    line-height:20px;
    font-weight:bold;
    text-align:right;}
   h2{
    margin:0px;
    font-size:14px;
    line-height:18px;
    font-weight:normal;
    font-style:italic;
    text-align:right;}
   h3{
    margin:0px;
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    text-align:left;}
   h4{
    margin:0px;
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    font-style:italic;
    text-align:left;}
   h5{
    margin:0px;
    font-size:15px;
    line-height:18px;
    font-weight:bold;
    text-align:center;}
   h6{
    margin:0px;
    font-size:13px;
    line-height:18px;
    font-weight:normal;
    font-style:italic;
    text-align:center;}
   a:link{
    color:#563416;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;}
   a:visited{
    color:#563416;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;}
   a:hover{
    color:#8C5C42;
    text-decoration:underline;
    text-transform:uppercase;
    font-size:10px;}
   a:active{
    color:#8C5C42;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;}
  </style>
 </head>
 <body>
  <center>
  <div class="wanting"></div>
   <br />
  <div class="entry">
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
    <br />
   %%entry%%
    <br /><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://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>wanting</title>
  <style type="text/css">
   body{
    background-color:#FFFFDB;}
   .wanting{
    position:relative;
    float:top;
    width:380px;
    height:450px;
    padding:0px;
    border:7px double #554C2D;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//wanting.jpg);
    background-color:#E8E3B2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:bottom;
    width:380px;
    padding:10px;
    color:#554C2D;
    font:12px 'Trebuchet MS';
    line-height:19px;
    text-align:justify;
    border:7px double #554C2D;
    background-color:#E8E3B2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   b,i,u,strong,em{
    color:#798148;}
   blockquote{
    color:#798148;
    padding:10px;
    border:4px double #798148;
    background-color:#FFFFDB;}
   hr{
    margin:10px 0px 10px 0px;
    color:#E8E3B2;
    height:4px;
    border-bottom:2px solid #798148;
    border-top:1px solid #798148;}
   input,textarea{
    font:12px 'Trebuchet MS';
    color:#798148;
    padding:1px 0px 0px 5px;
    border:4px double #798148;
    background-color:#FFFFDB;}
   textarea{
    padding:5px;}
   h1{
    margin:0px;
    font-size:18px;
    line-height:20px;
    font-weight:bold;
    text-align:right;}
   h2{
    margin:0px;
    font-size:14px;
    line-height:18px;
    font-weight:normal;
    font-style:italic;
    text-align:right;}
   h3{
    margin:0px;
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    text-align:left;}
   h4{
    margin:0px;
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    font-style:italic;
    text-align:left;}
   h5{
    margin:0px;
    font-size:15px;
    line-height:18px;
    font-weight:bold;
    text-align:center;}
   h6{
    margin:0px;
    font-size:13px;
    line-height:18px;
    font-weight:normal;
    font-style:italic;
    text-align:center;}
   a:link{
    color:#563416;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;}
   a:visited{
    color:#563416;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;}
   a:hover{
    color:#8C5C42;
    text-decoration:underline;
    text-transform:uppercase;
    font-size:10px;}
   a:active{
    color:#8C5C42;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;}
  </style>
 </head>
 <body>
  <center>
  <div class="wanting"></div>
   <br />
  <div class="entry">
   <h1>%%short_description%%</h1>
    <br />
   %%older_entries%%
    <br /><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://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.

Wanting

25 May 2004 at 9:56 pm

last & next

updates templates about links email notes image design host