Yellow Boxes

This layout features: shades of yellow and some boxes.
Navigation is: text links in boxes.
Font: Courier 10pt.
You can change: colors (if you must)
Notes: another imageless. This is one of my favs.

Directions:
1. Login to Diaryland

Paste the following code in here for the entry template:

<html> <head> <title> [Yellow Boxes]    [%%username%%]    [%%short_description%%] </title>
<style> <!--
body {background-color: #ffff80; color: #000000; font-family: courier; font-size: 10pt; scrollbar-face-color: #ffff66; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #ffff66; scrollbar-darkshadow-color: #ffff66; scrollbar-track-color: #ffff66; scrollbar-arrow-color: #000000;}

.entry {position: absolute; left: 204; top: 177; width: 360; height: 242; border-width: 1; border-style: solid; padding: 3; background-color: #ffff66; overflow: auto;}
.title {position: absolute; left: 244; top: 149; width: 280; height: 24; border-width: 1; border-style: solid; text-align: center; padding: 4; background-color: #ffff00; }
.credit {position: absolute; left: 144; top: 440; width: 280; height: 15;}

#square {width: 60; height: 50; border-width: 1; border-style: solid; padding-top: 15; text-align: center;}
#rectl {width: 15; height: 51; border: 1, solid;}
#rectb {width: 81; height: 12; border: 1, solid;}

.1 {position: absolute; left: 130; top: 155; background-color: #ffff00;}
.2 {position: absolute; left: 130; top: 225; background-color: #ffff33;}
.3 {position: absolute; left: 130; top: 295; background-color: #ffff66;}
.4 {position: absolute; left: 130; top: 365; background-color: #ffff99;}

.a {position: absolute; left: 108; top: 155; background-color: #ffff00;}
.b {position: absolute; left: 108; top: 207; background-color: #ffff33;}
.c {position: absolute; left: 108; top: 259; background-color: #ffff66;}
.d {position: absolute; left: 108; top: 311; background-color: #ffff80;}
.e {position: absolute; left: 108; top: 363; background-color: #ffff99;}

.f {position: absolute; left: 141; top: 425; background-color: #ffff00;}
.g {position: absolute; left: 223; top: 425; background-color: #ffff33;}
.h {position: absolute; left: 305; top: 425; background-color: #ffff66;}
.i {position: absolute; left: 387; top: 425; background-color: #ffff80;}
.j {position: absolute; left: 469; top: 425; background-color: #ffff99;}

a {color: #333333; text-decoration: none; font-size: 6pt;}
a:hover { color: #000000; position: relative; left: 1; top: 1;}
--> </style> </head> <body topmargin="0" leftmargin="0">

<div class="entry">
%%date%% - %%time%% <br>
%%short_description%% <br>
<br>
<a href="%%prev_entry%%"> prev </a> / <a href="%%next_entry%%"> next </a> <br>
</div>

<div class="title">
%%username%%.diaryland.com
</div>

<div class="1" id="square"><a href="http://%%username%%.diaryland.com/index.html">Newest</a></div> <div class="2" id="square"><a href="http://%%username%%.diaryland.com/older.html">Older</a></div> <div class="3" id="square"><a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">Profile</a></div> <div class="4" id="square"><a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">Notes</a></div>

<div class="credit"> Designed by: <a href="http://jlkdesigns.diaryland.com" target="_blank">JLK Designs</a> </div>

</body> </html>

And paste this code here for the archive template:

a {color: #333333; text-decoration: none; font-size: 6pt;}
a:hover { color: #000000; position: relative; left: 1; top: 1;}
--> </style> </head> <body topmargin="0" leftmargin="0">

<div class="entry">
%%older_entries%% <br>
</div>

<div class="title">
%%username%%.diaryland.com
</div>

<div class="credit"> Designed by: <a href="http://jlkdesigns.diaryland.com" target="_blank">JLK Designs</a> </div>

</body> </html>

How to add a link: You probably shouldn't.