Notebook

4 September 2004 at 9:13 pm

Hello! This is what this design will look like. I wanted to make some "Back to School" type templates, to celebrate the fact that my brother will be in college in less than a week, while I still have 4 weeks of no work to go (yes, I am twisted). This is just a simple one which looks a bit like lined paper. You will 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>dear diary...</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//notebook.gif) #E0E4F1;}
   .entry{
    position:absolute;
    top:43px;
    left:110px;
    width:75%;
    padding:0px 0px 43px 0px;
    font:11px 'Arial';
    line-height:20px;
    text-align:left;
    color:#2C303A;}
   a:link{
    color:#97A0BB;
    text-decoration:none;}
   a:visited{
    color:#97A0BB;
    text-decoration:none;}
   a:hover{
    color:#2C303A;
    text-decoration:underline;}
   a:active{
    color:#CCD0DB;
    text-decoration:none;}
   hr{
    color:#E0E4F1;
    height:6px;
    border-bottom:1px solid #2C303A;}
   blockquote{
    margin:20px;
    padding:20px 10px 20px 10px;
    color:#2C303A;
    font-style:italic;}
   input,textarea{
    margin:0px;
    font:11px 'Arial';
    color:#2C303A;
    background:#97A0BB;
    border:1px solid #97A0BB;}
   h1{
    margin:0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#2C303A;}
   h2{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    text-transform:uppercase;
    text-align:left;
    color:#2C303A;}
   h3{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#2C303A;}
   h4{
    margin:0px;
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    text-transform:uppercase;
    text-align:left;
    color:#2C303A;}
   h5{
    margin:0px;
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#2C303A;}
   h6{
    margin:0px;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    text-transform:uppercase;
    text-align:left;
    color:#2C303A;}
  </style>
 </head>
 <body>
  <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>
   <h5><a href="index.html">new</a> <a href="older.html">old</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://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h5>
  </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>dear diary...</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//notebook.gif) #E0E4F1;}
   .entry{
    position:absolute;
    top:43px;
    left:110px;
    width:75%;
    padding:0px 0px 43px 0px;
    font:11px 'Arial';
    line-height:20px;
    text-align:left;
    color:#2C303A;}
   a:link{
    color:#97A0BB;
    text-decoration:none;}
   a:visited{
    color:#97A0BB;
    text-decoration:none;}
   a:hover{
    color:#2C303A;
    text-decoration:underline;}
   a:active{
    color:#CCD0DB;
    text-decoration:none;}
   hr{
    color:#E0E4F1;
    height:6px;
    border-bottom:1px solid #2C303A;}
   blockquote{
    margin:20px;
    padding:20px 10px 20px 10px;
    color:#2C303A;
    font-style:italic;}
   input,textarea{
    margin:0px;
    font:11px 'Arial';
    color:#2C303A;
    background:#97A0BB;
    border:1px solid #97A0BB;}
   h1{
    margin:0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#2C303A;}
   h2{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    text-transform:uppercase;
    text-align:left;
    color:#2C303A;}
   h3{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#2C303A;}
   h4{
    margin:0px;
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    text-transform:uppercase;
    text-align:left;
    color:#2C303A;}
   h5{
    margin:0px;
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
    color:#2C303A;}
   h6{
    margin:0px;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    text-transform:uppercase;
    text-align:left;
    color:#2C303A;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>Archives</h1>
    <br />
   %%older_entries%%
    <br /><br />
   <h5><a href="index.html">new</a> <a href="older.html">old</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://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h5>
  </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.

Notebook

4 September 2004 at 9:13 pm

last & next

updates templates about links email notes design host