Blue Imageless

20 April 2004 at 6:20 pm

Hello! This is what this design will look like. This is one I had on my diary for a while in pink, and I decided to put it up in all different colours. This is the blue version (no, really!) 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>USERNAME's diary</title>
  <style type="text/css">
   body{
    background-color:#E1EDFB;
    scrollbar-arrow-color:#E1EDFB;
    scrollbar-face-color:#E1EDFB;
    scrollbar-track-color:#E1EDFB;
    scrollbar-highlight-color:#E1EDFB;
    scrollbar-shadow-color:#E1EDFB;
    scrollbar-3dlight-color:#E1EDFB;
    scrollbar-darkshadow-color:#E1EDFB;}
   .entry{
    position:absolute;
    z-index:1;
    padding:8px;
    border:2px solid #1F73DB;
    background-color:#A1C6F3;
    color:#1F73DB;
    font:13px 'Trebuchet MS';
    line-height:18px;
    overflow:auto;
    scrollbar-track-color:#A1C6F3;
    scrollbar-3dlight-color:#A1C6F3;
    scrollbar-darkshadow-color:#A1C6F3;
    scrollbar-face-color:#A1C6F3;
    scrollbar-highlight-color:#A1C6F3;
    scrollbar-shadow-color:#A1C6F3;
    scrollbar-arrow-color:#1F73DB;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   h1{
    margin:0px;
    font:17px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;
    border-bottom:1px dashed #1F73DB;}
   h2{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:right;}
   h3{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;}
   h4{
    margin:0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;}
   input,textarea{
    font:11px 'Verdana';
    color:#1F73DB;
    background-color:#E1EDFB;
    border:1px solid #1F73DB;
    scrollbar-face-color:#E1EDFB;
    scrollbar-track-color:#E1EDFB;
    scrollbar-highlight-color:#E1EDFB;
    scrollbar-shadow-color:#E1EDFB;
    scrollbar-3dlight-color:#E1EDFB;
    scrollbar-darkshadow-color:#E1EDFB;}
   a:link{
    color:#1F73DB;
    text-decoration:none;
    border-bottom:1px dashed #E1EDFB;}
   a:visited{
    color:#1F73DB;
    text-decoration:none;
    border-bottom:1px dashed #E1EDFB;}
   a:hover{
    color:#E1EDFB;
    text-decoration:none;
    border-bottom:1px dashed #1F73DB;}
   a:active{
    color:#E1EDFB;
    text-decoration:none;
    border-bottom:1px solid #1F73DB;}
  </style>
 </head>
 <body>
  <div class="entry" style="top:30; left:30; width:400; height:300;">
   <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>
  </div>
  <div class="entry" style="top:30; left:460; width:125; height:300;">
   <h4>
    navigate
   </h4>
    <a href="index.html">newest</a>
     <br />
    <a href="older.html">archives</a>
     <br />
   <a

href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
     <br /><br />
   <h4>
    contact
   </h4>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="mailto:USERNAME@diaryland.com">email</a>
     <br /><br />
   <h4>
    credit
   </h4>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
   <h4>
    about me
   </h4>
    write a little bit about yourself here, remember not to give out any information such

as your phone number or home address.
  </div>
 </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>USERNAME's diary</title>
  <style type="text/css">
   body{
    background-color:#E1EDFB;
    scrollbar-arrow-color:#E1EDFB;
    scrollbar-face-color:#E1EDFB;
    scrollbar-track-color:#E1EDFB;
    scrollbar-highlight-color:#E1EDFB;
    scrollbar-shadow-color:#E1EDFB;
    scrollbar-3dlight-color:#E1EDFB;
    scrollbar-darkshadow-color:#E1EDFB;}
   .entry{
    position:absolute;
    z-index:1;
    padding:8px;
    border:2px solid #1F73DB;
    background-color:#A1C6F3;
    color:#1F73DB;
    font:13px 'Trebuchet MS';
    line-height:18px;
    overflow:auto;
    scrollbar-track-color:#A1C6F3;
    scrollbar-3dlight-color:#A1C6F3;
    scrollbar-darkshadow-color:#A1C6F3;
    scrollbar-face-color:#A1C6F3;
    scrollbar-highlight-color:#A1C6F3;
    scrollbar-shadow-color:#A1C6F3;
    scrollbar-arrow-color:#1F73DB;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   h1{
    margin:0px;
    font:17px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;
    border-bottom:1px dashed #1F73DB;}
   h2{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:right;}
   h3{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;}
   h4{
    margin:0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;}
   input,textarea{
    font:11px 'Verdana';
    color:#1F73DB;
    background-color:#E1EDFB;
    border:1px solid #1F73DB;
    scrollbar-face-color:#E1EDFB;
    scrollbar-track-color:#E1EDFB;
    scrollbar-highlight-color:#E1EDFB;
    scrollbar-shadow-color:#E1EDFB;
    scrollbar-3dlight-color:#E1EDFB;
    scrollbar-darkshadow-color:#E1EDFB;}
   a:link{
    color:#1F73DB;
    text-decoration:none;
    border-bottom:1px dashed #E1EDFB;}
   a:visited{
    color:#1F73DB;
    text-decoration:none;
    border-bottom:1px dashed #E1EDFB;}
   a:hover{
    color:#E1EDFB;
    text-decoration:none;
    border-bottom:1px dashed #1F73DB;}
   a:active{
    color:#E1EDFB;
    text-decoration:none;
    border-bottom:1px solid #1F73DB;}
  </style>
 </head>
 <body>
  <div class="entry" style="top:30; left:30; width:400; height:300;">
   <h1>
    Archives
   </h1>
    <br />
   %%older_entries%%
  </div>
  <div class="entry" style="top:30; left:460; width:125; height:300;">
   <h4>
    navigate
   </h4>
    <a href="index.html">newest</a>
     <br />
    <a href="older.html">archives</a>
     <br />
   <a

as your phone number or home address.
  </div>
 </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.

Blue Imageless

20 April 2004 at 6:20 pm

last & next

navigate

contact

credit

about me