diary

Hello! This is what this design will look like. More imageless love, in a selection of beautiful purples. Space for a little bio, lots of links, last five entries and your buddylist (but you can delete these if you wish and know how).

You will need to change the USERNAME bits to your username, and the %%PREV%%, %%NEXT%% and %%BUDDYLIST%% to lowercase, write about yourself in the "About" section, and put in links to your older1.html, older2.html, etc. pages (archive page only).

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>diary</title>
  <style type="text/css">
   body{
    font:3px 'Arial';
    background:#E8DFFF;}
   .container{
    position:relative;
    width:570px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .container-entry{
    position:relative;
    float:left;
    width:400px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .container-nav{
    position:relative;
    float:right;
    width:150px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .title,.entry,.date,.navtitle,.links{
    position:relative;
    padding:6px 8px 6px 8px;
    width:400px;
    font:11px 'Arial';
    line-height:16px;
    text-align:left;
    color:#402651;
    background:#BA9ECD;
    border:1px solid #664E76;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .title{
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:capitalize;}
   .navtitle{
    width:150px;
    text-align:right;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:capitalize;}
   .links{
    width:150px;
    text-align:right;}
   .entry a:link{
    color:#664E76;}
   .entry a:visited{
    color:#664E76;}
   .entry a:hover{
    color:#402651;}
   .entry a:active{
    color:#402651;}
   a:link{
    color:#402651;
    text-decoration:none;}
   a:visited{
    color:#402651;
    text-decoration:none;}
   a:hover{
    color:#664E76;
    text-decoration:underline;}
   a:active{
    color:#664E76;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#26192F;}
   hr{
    color:#664E76;
    height:1px;}
   blockquote{
    margin:20px;
    padding:8px;
    color:#26192F;
    background:#664E76;
    border:1px solid #26192F;}
   input,textarea{
    font:11px 'Arial';
    color:#26192F;
    background:#664E76;
    border:1px solid #26192F;}
   h1,h2,h3,h4,h5,h6{
    margin:0px 0px 6px 0px;
    text-align:left;
    font-weight:bold;
    color:#402651;}
   h1{
    font-size:18px;
    line-height:22px;}
   h2{
    font-size:16px;
    line-height:20px;}
   h3{
    font-size:14px;
    line-height:18px;}
   h4{
    font-size:12px;
    line-height:16px;
    text-transform:uppercase;}
   h5{
    font-size:12px;
    line-height:16px;}
   h6{
    font-size:11px;
    line-height:15px;
    text-transform:uppercase;}
  </style>
 </head>
 <body>
  <center>
  <div class="container">
  <div class="container-entry">
  <div class="title">
   %%short_description%%
  </div>
   <br />
  <div class="entry">
   %%entry%%
  </div>
   <br />
  <div class="title">
   %%date%% - %%time%%
  </div>
  </div>
  <div class="container-nav">
  <div class="navtitle">
   about
  </div>
   <br />
  <div class="links">
   Write a bit about yourself here, e.g. name/nickname, age, gender, likes, dislikes. Remember not to give out any personal information such as your phone number or home address.
  </div>
   <br /><br /><br /><br />
  <div class="navtitle">
   diary
  </div>
   <br />
  <div class="links">
   <a href="%%NEXT%%">forwards</a>
    <br />
   <a href="%%PREV%%">backwards</a>
    <br />
   <a href="index.html">newest entry</a>
    <br />
   <a href="older.html">the archives</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">my profile</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">leave a note</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">pink design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diaryland</a>
  </div>
   <br /><br /><br /><br />
  <div class="navtitle">
   last five
  </div>
   <br />
  <div class="links">
   %%older_entries%%
  </div>
   <br /><br /><br /><br />
  <div class="navtitle">
   friends
  </div>
   <br />
  <div class="links">
   %%BUDDYLIST%%
  </div>
  </div>
  </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>diary</title>
  <style type="text/css">
   body{
    font:3px 'Arial';
    background:#E8DFFF;}
   .container{
    position:relative;
    width:570px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .container-entry{
    position:relative;
    float:left;
    width:400px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .container-nav{
    position:relative;
    float:right;
    width:150px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .title,.entry,.date,.navtitle,.links{
    position:relative;
    padding:6px 8px 6px 8px;
    width:400px;
    font:11px 'Arial';
    line-height:16px;
    text-align:left;
    color:#402651;
    background:#BA9ECD;
    border:1px solid #664E76;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .title{
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:capitalize;}
   .navtitle{
    width:150px;
    text-align:right;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:capitalize;}
   .links{
    width:150px;
    text-align:right;}
   .entry a:link{
    color:#664E76;}
   .entry a:visited{
    color:#664E76;}
   .entry a:hover{
    color:#402651;}
   .entry a:active{
    color:#402651;}
   a:link{
    color:#402651;
    text-decoration:none;}
   a:visited{
    color:#402651;
    text-decoration:none;}
   a:hover{
    color:#664E76;
    text-decoration:underline;}
   a:active{
    color:#664E76;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#26192F;}
   hr{
    color:#664E76;
    height:1px;}
   blockquote{
    margin:20px;
    padding:8px;
    color:#26192F;
    background:#664E76;
    border:1px solid #26192F;}
   input,textarea{
    font:11px 'Arial';
    color:#26192F;
    background:#664E76;
    border:1px solid #26192F;}
   h1,h2,h3,h4,h5,h6{
    margin:0px 0px 6px 0px;
    text-align:left;
    font-weight:bold;
    color:#402651;}
   h1{
    font-size:18px;
    line-height:22px;}
   h2{
    font-size:16px;
    line-height:20px;}
   h3{
    font-size:14px;
    line-height:18px;}
   h4{
    font-size:12px;
    line-height:16px;
    text-transform:uppercase;}
   h5{
    font-size:12px;
    line-height:16px;}
   h6{
    font-size:11px;
    line-height:15px;
    text-transform:uppercase;}
  </style>
 </head>
 <body>
  <center>
  <div class="container">
  <div class="container-entry">
  <div class="title">
   Archives
  </div>
   <br />
  <div class="entry">
   %%older_entries%%
  </div>
   <br />
  <div class="title">
   USERNAME
  </div>
  </div>
  <div class="container-nav">
  <div class="navtitle">
   about
  </div>
   <br />
  <div class="links">
   Write a bit about yourself here, e.g. name/nickname, age, gender, likes, dislikes. Remember not to give out any personal information such as your phone number or home address.
  </div>
   <br /><br /><br /><br />
  <div class="navtitle">
   diary
  </div>
   <br />
  <div class="links">
   <a href="index.html">newest entry</a>
    <br />
   <a href="older.html">the archives</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">my profile</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">leave a note</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">pink design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diaryland</a>
  </div>
   <br /><br /><br /><br />
  <div class="navtitle">
   archive pages
  </div>
   <br />
  <div class="links">
   put links to your older1.html, older2.html, etc. pages here
  </div>
   <br /><br /><br /><br />
  <div class="navtitle">
   friends
  </div>
   <br />
  <div class="links">
   %%BUDDYLIST%%
  </div>
  </div>
  </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, check out the FAQ/Help page or just email me and I'll do my best to help out.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc vitae orci eget risus luctus fermentum. Sed metus. Nullam convallis odio sit amet justo. Etiam pellentesque. Donec iaculis hendrerit justo. Donec at wisi sed nibh facilisis cursus. Nullam non felis in nulla vulputate aliquam. Pellentesque porta laoreet felis. Vivamus justo nisl, cursus eu, eleifend quis, placerat ut, tortor. Curabitur tristique. Proin eu ligula. Praesent sapien nulla, pulvinar non, dictum sit amet, rutrum ac, enim. Mauris a neque eu nisl ultricies dapibus. Aenean nibh magna, venenatis ac, dapibus at, viverra a, dui.

Pellentesque suscipit pretium mauris. Etiam eget felis. Quisque fermentum. Mauris malesuada odio. Praesent felis. Nam dui risus, convallis sit amet, venenatis non, vulputate sed, velit. Curabitur vel arcu vel magna aliquam pellentesque. Donec eget augue quis velit venenatis porta. Cras justo magna, dapibus nec, euismod id, volutpat vitae, nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque aliquam interdum est. Nullam porta lacus id turpis. Vestibulum auctor. Proin malesuada magna non neque. Quisque lacinia wisi nec magna.