Blue and Liney

Hello! This is what this design will look like. Another very simple imageless one, with some funky lines going on. Also available in other colours.

This also features a very nice blockquote which I feel the need to show off.

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>USERNAME's diary</title>
  <style type="text/css">
   body{
    background-color:#000000;}
   .container{
    width:451px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    float:right;
    width:350px;
    padding:0px 0px 0px 10px;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:left;
    color:#0078FF;
    border-left:6px double #54A1F7;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    float:left;
    width:100px;
    padding:0px 10px 0px 0px;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:right;
    color:#A9C9EC;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#A9C9EC;
    text-decoration:none;}
   a:visited{
    color:#A9C9EC;
    text-decoration:none;}
   a:hover{
    color:#0078FF;
    text-decoration:none;
    border-bottom:2px solid #54A1F7;}
   a:active{
    color:#A9C9EC;
    text-decoration:none;}
   hr{
    color:#000000;
    border-bottom:6px double #54A1F7;
    height:6px;
    margin:10px 0px 10px 0px;}
   blockquote{
    margin:10px 10px 10px 30px;
    padding:0px 0px 0px 10px;
    color:#A9C9EC;
    border-left:2px solid #54A1F7;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#A9C9EC;
    background-color:#000000;
    border:2px solid #54A1F7;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:20px;
    line-height:26px;
    font-weight:bold;
    text-align:left;
    color:#0078FF;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    font-style:italic;
    text-align:left;
    color:#0078FF;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
    text-align:right;
    color:#0078FF;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
    text-align:left;
    color:#0078FF;}
   h5{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:right;
    color:#0078FF;}
   h6{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:left;
    color:#0078FF;}
  </style>
 </head>
 <body>
  <center>
  <div class="container">
  <div class="nav">
   <h5>
    diary
   </h5>
    <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 />
    <a href="cast.html">cast</a>
     <br />
    <a href="pictures.html">pictures</a>
     <br />
    <a href="links.html">links</a>
     <br /><br />
   <h5>
    contact
   </h5>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
     <br />
    <a href="mailto:USERNAME@NOSPAMdiaryland.com">email</a>
     <br /><br />
   <h5>
    credit
   </h5>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
   <h5>
    extra
   </h5>
    imood
     <br />
    counter
     <br />
    etc.
    <hr />
   <h5>about me:</h5>
   Write a little bit about yourself here, e.g. name/nickname, age, gender, location, likes & dislikes. Remember not to give out any personal information such as your address or phone number.
  </div>
  <div class="entry">
   <h1>%%short_description%%</h1>
    %%entry%%
   <h4><a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a></h4>
  </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>USERNAME's diary</title>
  <style type="text/css">
   body{
    background-color:#000000;}
   .container{
    width:451px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    float:right;
    width:350px;
    padding:0px 0px 0px 10px;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:left;
    color:#0078FF;
    border-left:6px double #54A1F7;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    float:left;
    width:100px;
    padding:0px 10px 0px 0px;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:right;
    color:#A9C9EC;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#A9C9EC;
    text-decoration:none;}
   a:visited{
    color:#A9C9EC;
    text-decoration:none;}
   a:hover{
    color:#0078FF;
    text-decoration:none;
    border-bottom:2px solid #54A1F7;}
   a:active{
    color:#A9C9EC;
    text-decoration:none;}
   hr{
    color:#000000;
    border-bottom:6px double #54A1F7;
    height:6px;
    margin:10px 0px 10px 0px;}
   blockquote{
    margin:10px 10px 10px 30px;
    padding:0px 0px 0px 10px;
    color:#A9C9EC;
    border-left:2px solid #54A1F7;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#A9C9EC;
    background-color:#000000;
    border:2px solid #54A1F7;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:20px;
    line-height:26px;
    font-weight:bold;
    text-align:left;
    color:#0078FF;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    font-style:italic;
    text-align:left;
    color:#0078FF;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
    text-align:right;
    color:#0078FF;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
    text-align:left;
    color:#0078FF;}
   h5{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:right;
    color:#0078FF;}
   h6{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:left;
    color:#0078FF;}
  </style>
 </head>
 <body>
  <center>
  <div class="container">
  <div class="nav">
   <h5>
    diary
   </h5>
    <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 />
    <a href="cast.html">cast</a>
     <br />
    <a href="pictures.html">pictures</a>
     <br />
    <a href="links.html">links</a>
     <br /><br />
   <h5>
    contact
   </h5>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
     <br />
    <a href="mailto:USERNAME@NOSPAMdiaryland.com">email</a>
     <br /><br />
   <h5>
    credit
   </h5>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
   <h5>
    extra
   </h5>
    imood
     <br />
    counter
     <br />
    etc.
    <hr />
   <h5>about me:</h5>
   Write a little bit about yourself here, e.g. name/nickname, age, gender, location, likes & dislikes. Remember not to give out any personal information such as your address or phone number.
  </div>
  <div class="entry">
   <h1>Archives</h1>
    %%older_entries%%
  </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.

diary

contact

credit

extra

about me:

Blue and Liney

last & next