A short description

28 July 2004 at 6:18 pm

Hello! This is what this design will look like, but with my name and it's meaning instead! You can change it to yours, so it is a bit customized. The different sets of code are for the different colours, make sure you copy and paste the right bits - I've tried to label it clearly. My favourite site for finding the meaning of your name if you need help is this one: Behind the Name.

You will need to change the USERNAME bits to your username, and the %%PREV%% and %%NEXT%% to lowercase. You will also need to find the bits that say NAME and put your name in, and the bits that say MEANING and change that to the meaning you want it to say.

Pink colour scheme
To get the code for this entry, simply copy and paste the code below into your change my template area.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>NAME; MEANING</title>
  <style type="text/css">
   body{
    background:#F785BD url(http://www.sitefights.com/community/graphics/pinkfreak3//name-pink.gif) repeat-x;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#FF007D;}
   a{
    color:#F4BDD8;
    text-decoration:none;}
   a:hover{
    color:#D20067;
    text-decoration:underline;}
   a:active{
    color:#ED5BA3;}
   hr{
    height:5px;
    color:#FF007D;}
   b,i,u,strong,em{
    color:#D20067;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#ED5BA3;
    background:#F4BDD8;
    border:1px solid #F4BDD8;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#ED5BA3;
    background:#F4BDD8;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    font-size:22px;
    line-height:28px;
    font-weight:bold;
    text-align:right;
    color:#D20067;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    line-height:24px;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;}
   h5{
    font-size:14px;
    line-height:20px;}
   h6{
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;}
   .entry{
    position:absolute;
    top:240px;
    right:15px;
    width:500px;
    padding:0px 0px 20px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:300px;
    right:540px;
    width:150px;
    padding:0px 0px 20px 0px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .name{
    position:absolute;
    top:60px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:70px;
    line-height:90px;
    color:#FF007D;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .meaning{
    position:absolute;
    top:165px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:22px;
    line-height:22px;
    color:#ED5BA3;
    text-transform:uppercase;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
  </style>
 </head>
 <body>
  <div class="name">NAME</div>
  <div class="meaning">MEANING</div>
  <div class="entry">
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
%%entry%%
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
   <a href="%%PREV%%">previous</a>
    <br />
   <a href="%%NEXT%%">next</a>
    <br />
   <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 />
   <h6>
    contact
   </h6>
   <a href="mailto:USERNAME@diaryland.com">email</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
  </div>
 </body>
</html>

To make your older entries page match, paste this code into your change your archive page area.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>NAME; MEANING</title>
  <style type="text/css">
   body{
    background:#F785BD url(http://www.sitefights.com/community/graphics/pinkfreak3//name-pink.gif) repeat-x;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#FF007D;}
   a{
    color:#F4BDD8;
    text-decoration:none;}
   a:hover{
    color:#D20067;
    text-decoration:underline;}
   a:active{
    color:#ED5BA3;}
   hr{
    height:5px;
    color:#FF007D;}
   b,i,u,strong,em{
    color:#D20067;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#ED5BA3;
    background:#F4BDD8;
    border:1px solid #F4BDD8;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#ED5BA3;
    background:#F4BDD8;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    font-size:22px;
    line-height:28px;
    font-weight:bold;
    text-align:right;
    color:#D20067;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    line-height:24px;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;}
   h5{
    font-size:14px;
    line-height:20px;}
   h6{
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;}
   .entry{
    position:absolute;
    top:240px;
    right:15px;
    width:500px;
    padding:0px 0px 20px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:300px;
    right:540px;
    width:150px;
    padding:0px 0px 20px 0px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .name{
    position:absolute;
    top:60px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:70px;
    line-height:90px;
    color:#FF007D;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .meaning{
    position:absolute;
    top:165px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:22px;
    line-height:22px;
    color:#ED5BA3;
    text-transform:uppercase;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
  </style>
 </head>
 <body>
  <div class="name">NAME</div>
  <div class="meaning">MEANING</div>
  <div class="entry">
   <h1>Archives</h1>
%%older_entries%%
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
   <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 />
   <h6>
    contact
   </h6>
   <a href="mailto:USERNAME@diaryland.com">email</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
  </div>
 </body>
</html>

And paste this code into your change how each page on your older.html page looks area.

Blue colour scheme
To get the code for this entry, simply copy and paste the code below into your change my template area.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>NAME; MEANING</title>
  <style type="text/css">
   body{
    background:#8885F7 url(http://www.sitefights.com/community/graphics/pinkfreak3//name-blue.gif) repeat-x;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#302DA8;}
   a{
    color:#BDC5F4;
    text-decoration:none;}
   a:hover{
    color:#0F0D81;
    text-decoration:underline;}
   a:active{
    color:#5652DA;}
   hr{
    height:5px;
    color:#302DA8;}
   b,i,u,strong,em{
    color:#0F0D81;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#5652DA;
    background:#BDC5F4;
    border:1px solid #BDC5F4;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#5652DA;
    background:#BDC5F4;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    font-size:22px;
    line-height:28px;
    font-weight:bold;
    text-align:right;
    color:#0F0D81;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    line-height:24px;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;}
   h5{
    font-size:14px;
    line-height:20px;}
   h6{
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;}
   .entry{
    position:absolute;
    top:240px;
    right:15px;
    width:500px;
    padding:0px 0px 20px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:300px;
    right:540px;
    width:150px;
    padding:0px 0px 20px 0px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .name{
    position:absolute;
    top:60px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:70px;
    line-height:90px;
    color:#302DA8;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .meaning{
    position:absolute;
    top:165px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:22px;
    line-height:22px;
    color:#5652DA;
    text-transform:uppercase;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
  </style>
 </head>
 <body>
  <div class="name">NAME</div>
  <div class="meaning">MEANING</div>
  <div class="entry">
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
%%entry%%
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
   <a href="%%PREV%%">previous</a>
    <br />
   <a href="%%NEXT%%">next</a>
    <br />
   <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 />
   <h6>
    contact
   </h6>
   <a href="mailto:USERNAME@diaryland.com">email</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
  </div>
 </body>
</html>

To make your older entries page match, paste this code into your change your archive page area.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>NAME; MEANING</title>
  <style type="text/css">
   body{
    background:#8885F7 url(http://www.sitefights.com/community/graphics/pinkfreak3//name-blue.gif) repeat-x;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#302DA8;}
   a{
    color:#BDC5F4;
    text-decoration:none;}
   a:hover{
    color:#0F0D81;
    text-decoration:underline;}
   a:active{
    color:#5652DA;}
   hr{
    height:5px;
    color:#302DA8;}
   b,i,u,strong,em{
    color:#0F0D81;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#5652DA;
    background:#BDC5F4;
    border:1px solid #BDC5F4;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#5652DA;
    background:#BDC5F4;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    font-size:22px;
    line-height:28px;
    font-weight:bold;
    text-align:right;
    color:#0F0D81;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    line-height:24px;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;}
   h5{
    font-size:14px;
    line-height:20px;}
   h6{
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;}
   .entry{
    position:absolute;
    top:240px;
    right:15px;
    width:500px;
    padding:0px 0px 20px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:300px;
    right:540px;
    width:150px;
    padding:0px 0px 20px 0px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .name{
    position:absolute;
    top:60px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:70px;
    line-height:90px;
    color:#302DA8;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .meaning{
    position:absolute;
    top:165px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:22px;
    line-height:22px;
    color:#5652DA;
    text-transform:uppercase;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
  </style>
 </head>
 <body>
  <div class="name">NAME</div>
  <div class="meaning">MEANING</div>
  <div class="entry">
   <h1>Archives</h1>
%%older_entries%%
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
   <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 />
   <h6>
    contact
   </h6>
   <a href="mailto:USERNAME@diaryland.com">email</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
  </div>
 </body>
</html>

And paste this code into your change how each page on your older.html page looks area.

Purple colour scheme
To get the code for this entry, simply copy and paste the code below into your change my template area.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>NAME; MEANING</title>
  <style type="text/css">
   body{
    background:#C085F7 url(http://www.sitefights.com/community/graphics/pinkfreak3//name-purple.gif) repeat-x;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#5F00B7;}
   a{
    color:#DCBDF4;
    text-decoration:none;}
   a:hover{
    color:#460087;
    text-decoration:underline;}
   a:active{
    color:#9C5BED;}
   hr{
    height:5px;
    color:#7100DA;}
   b,i,u,strong,em{
    color:#460087;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#9C5BED;
    background:#DCBDF4;
    border:1px solid #DCBDF4;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#9C5BED;
    background:#DCBDF4;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    font-size:22px;
    line-height:28px;
    font-weight:bold;
    text-align:right;
    color:#460087;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    line-height:24px;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;}
   h5{
    font-size:14px;
    line-height:20px;}
   h6{
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;}
   .entry{
    position:absolute;
    top:240px;
    right:15px;
    width:500px;
    padding:0px 0px 20px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:300px;
    right:540px;
    width:150px;
    padding:0px 0px 20px 0px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .name{
    position:absolute;
    top:60px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:70px;
    line-height:90px;
    color:#7100DA;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .meaning{
    position:absolute;
    top:165px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:22px;
    line-height:22px;
    color:#9C5BED;
    text-transform:uppercase;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
  </style>
 </head>
 <body>
  <div class="name">NAME</div>
  <div class="meaning">MEANING</div>
  <div class="entry">
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
%%entry%%
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
   <a href="%%PREV%%">previous</a>
    <br />
   <a href="%%NEXT%%">next</a>
    <br />
   <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 />
   <h6>
    contact
   </h6>
   <a href="mailto:USERNAME@diaryland.com">email</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
  </div>
 </body>
</html>

To make your older entries page match, paste this code into your change your archive page area.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>NAME; MEANING</title>
  <style type="text/css">
   body{
    background:#C085F7 url(http://www.sitefights.com/community/graphics/pinkfreak3//name-purple.gif) repeat-x;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#5F00B7;}
   a{
    color:#DCBDF4;
    text-decoration:none;}
   a:hover{
    color:#460087;
    text-decoration:underline;}
   a:active{
    color:#9C5BED;}
   hr{
    height:5px;
    color:#7100DA;}
   b,i,u,strong,em{
    color:#460087;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#9C5BED;
    background:#DCBDF4;
    border:1px solid #DCBDF4;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#9C5BED;
    background:#DCBDF4;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    font-size:22px;
    line-height:28px;
    font-weight:bold;
    text-align:right;
    color:#460087;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    line-height:24px;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;}
   h5{
    font-size:14px;
    line-height:20px;}
   h6{
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;}
   .entry{
    position:absolute;
    top:240px;
    right:15px;
    width:500px;
    padding:0px 0px 20px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:300px;
    right:540px;
    width:150px;
    padding:0px 0px 20px 0px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .name{
    position:absolute;
    top:60px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:70px;
    line-height:90px;
    color:#7100DA;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .meaning{
    position:absolute;
    top:165px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:22px;
    line-height:22px;
    color:#9C5BED;
    text-transform:uppercase;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
  </style>
 </head>
 <body>
  <div class="name">NAME</div>
  <div class="meaning">MEANING</div>
  <div class="entry">
   <h1>Archives</h1>
%%older_entries%%
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
   <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 />
   <h6>
    contact
   </h6>
   <a href="mailto:USERNAME@diaryland.com">email</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
  </div>
 </body>
</html>

And paste this code into your change how each page on your older.html page looks area.

Green colour scheme
To get the code for this entry, simply copy and paste the code below into your change my template area.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>NAME; MEANING</title>
  <style type="text/css">
   body{
    background:#7DC760 url(http://www.sitefights.com/community/graphics/pinkfreak3//name-green.gif) repeat-x;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#3D7F23;}
   a{
    color:#C5E1BA;
    text-decoration:none;}
   a:hover{
    color:#21550D;
    text-decoration:underline;}
   a:active{
    color:#60B040;}
   hr{
    height:5px;
    color:#3D7F23;}
   b,i,u,strong,em{
    color:#21550D;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#60B040;
    background:#C5E1BA;
    border:1px solid #C5E1BA;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#60B040;
    background:#C5E1BA;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    font-size:22px;
    line-height:28px;
    font-weight:bold;
    text-align:right;
    color:#21550D;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    line-height:24px;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;}
   h5{
    font-size:14px;
    line-height:20px;}
   h6{
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;}
   .entry{
    position:absolute;
    top:240px;
    right:15px;
    width:500px;
    padding:0px 0px 20px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:300px;
    right:540px;
    width:150px;
    padding:0px 0px 20px 0px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .name{
    position:absolute;
    top:60px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:70px;
    line-height:90px;
    color:#3D7F23;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .meaning{
    position:absolute;
    top:165px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:22px;
    line-height:22px;
    color:#60B040;
    text-transform:uppercase;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
  </style>
 </head>
 <body>
  <div class="name">NAME</div>
  <div class="meaning">MEANING</div>
  <div class="entry">
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
%%entry%%
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
   <a href="%%PREV%%">previous</a>
    <br />
   <a href="%%NEXT%%">next</a>
    <br />
   <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 />
   <h6>
    contact
   </h6>
   <a href="mailto:USERNAME@diaryland.com">email</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
  </div>
 </body>
</html>

To make your older entries page match, paste this code into your change your archive page area.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>NAME; MEANING</title>
  <style type="text/css">
   body{
    background:#7DC760 url(http://www.sitefights.com/community/graphics/pinkfreak3//name-green.gif) repeat-x;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#3D7F23;}
   a{
    color:#C5E1BA;
    text-decoration:none;}
   a:hover{
    color:#21550D;
    text-decoration:underline;}
   a:active{
    color:#60B040;}
   hr{
    height:5px;
    color:#3D7F23;}
   b,i,u,strong,em{
    color:#21550D;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#60B040;
    background:#C5E1BA;
    border:1px solid #C5E1BA;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#60B040;
    background:#C5E1BA;}
   h1,h2,h3,h4,h5,h6{
    margin:0px;
    font-size:22px;
    line-height:28px;
    font-weight:bold;
    text-align:right;
    color:#21550D;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:18px;
    line-height:24px;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;}
   h5{
    font-size:14px;
    line-height:20px;}
   h6{
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;}
   .entry{
    position:absolute;
    top:240px;
    right:15px;
    width:500px;
    padding:0px 0px 20px 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:300px;
    right:540px;
    width:150px;
    padding:0px 0px 20px 0px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .name{
    position:absolute;
    top:60px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:70px;
    line-height:90px;
    color:#3D7F23;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .meaning{
    position:absolute;
    top:165px;
    right:15px;
    padding:0px 0px 0px 15px;
    text-align:right;
    font-size:22px;
    line-height:22px;
    color:#60B040;
    text-transform:uppercase;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
  </style>
 </head>
 <body>
  <div class="name">NAME</div>
  <div class="meaning">MEANING</div>
  <div class="entry">
   <h1>Archives</h1>
%%older_entries%%
  </div>
  <div class="nav">
   <h6>
    diary
   </h6>
   <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 />
   <h6>
    contact
   </h6>
   <a href="mailto:USERNAME@diaryland.com">email</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br /><br />
   <h6>
    credit
   </h6>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
  </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, check out the FAQ/Help page or just email me and I'll do my best to help out.