I see you

17 April 2004 at 5:35 pm

Hello! This is what this design will look like. This was originally going to be for the design site itself, but I never really got past the thinking stage until now, and I like the design on there too much - so it's going up here for everyone else :) The inspiration actually came from one of the Template Challenge entries, it had the cut up effect on the image and I knew that that would be great for the eye. 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>i see you</title>
  <style type="text/css">
   body{
    color:#F1D7E8;
    font:11px 'Verdana';
    text-align:center;
    background-color:#F1D7E8;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#F1D7E8;}
   .eye{
    position:relative;
    float:top;
    width:447;
    height:303;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak1//eye.jpg);
    background-color:#F1D7E8;}
   .entry{
    position:relative;
    float:bottom;
    width:380;
    padding:10px;
    font:11px 'Verdana';
    line-height:16px;
    color:#000000;
    text-align:justify;
    background-color:#FFFFFF;
    border:1px solid #000000;}
   h1{
    margin:0px;
    font:16px 'Georgia';
    font-weight:bold;
    text-align:left;
    border-bottom:1px solid #000000;}
   h2{
    margin:0px;
    font:12px 'Georgia';
    font-style:italic;
    text-align:right;}
   h3{
    margin:0px;
    font:12px 'Georgia';
    text-align:center;}
   h4{
    margin:0px;
    font:11px 'Georgia';
    text-align:center;}
   a:link{
    color:#A14983;
    text-decoration:none;}
   a:visited{
    color:#A14983;
    text-decoration:none;}
   a:hover{
    color:#673656;
    text-decoration:underline;}
   a:active{
    color:#673656;
    text-decoration:none;
    font-style:italic;}
   input,textarea{
    font:11px 'Verdana';
    color:#000000;
    border:1px solid #000000;
    background-color:#F1D7E8;}
  </style>
 </head>
 <body>
 <center>
  <div class="eye">
  </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.stockstash.com" 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>i see you</title>
  <style type="text/css">
   body{
    color:#F1D7E8;
    font:11px 'Verdana';
    text-align:center;
    background-color:#F1D7E8;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#F1D7E8;}
   .eye{
    position:relative;
    float:top;
    width:447;
    height:303;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak1//eye.jpg);
    background-color:#F1D7E8;}
   .entry{
    position:relative;
    float:bottom;
    width:380;
    padding:10px;
    font:11px 'Verdana';
    line-height:16px;
    color:#000000;
    text-align:justify;
    background-color:#FFFFFF;
    border:1px solid #000000;}
   h1{
    margin:0px;
    font:16px 'Georgia';
    font-weight:bold;
    text-align:left;
    border-bottom:1px solid #000000;}
   h2{
    margin:0px;
    font:12px 'Georgia';
    font-style:italic;
    text-align:right;}
   h3{
    margin:0px;
    font:12px 'Georgia';
    text-align:center;}
   h4{
    margin:0px;
    font:11px 'Georgia';
    text-align:center;}
   a:link{
    color:#A14983;
    text-decoration:none;}
   a:visited{
    color:#A14983;
    text-decoration:none;}
   a:hover{
    color:#673656;
    text-decoration:underline;}
   a:active{
    color:#673656;
    text-decoration:none;
    font-style:italic;}
   input,textarea{
    font:11px 'Verdana';
    color:#000000;
    border:1px solid #000000;
    background-color:#F1D7E8;}
  </style>
 </head>
 <body>
 <center>
  <div class="eye">
  </div>
   <br />
  <div class="entry">
   <h1>Archives</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.stockstash.com" 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.

I see you

17 April 2004 at 5:35 pm

last & next

updates � templates � about � links � email � notes � image � design � host