You can learn a lot from crayons...

This layout features: a box of colorful crayons and a quote to think about.
Navigation is: Plain old text links.
Image Credit: Image Cafe although I can't find it there anymore.
Font: Verdana 8pt.
You can change: the font, link effects, and navigational links (do NOT remove layout credit or Diaryland link)
Notes: In Netscape the text is a little out of place. I wanted to re code this layout but I couldn't find a copy of the uneditted image to do that. :(

Directions:
1. You might want to Right click, Save target as..., crayons.jpg in case something happens to the image you will have a copy. Otherwise you can just leave the path that is in the layout code and the image will show up.
2. Login to Diaryland

If you have 800x600 screen resolution, paste the
following code in here for the entry template:

font-family: Verdana; font-size: 8pt;}
.entry {position: absolute; left: 107; top: 156; width: 343; height: 275; padding: 0; 
	text-align: left; overflow: auto;}
.nav {position: absolute; left: 532; top: 312; width: 125; height: 101; padding: 0; 
	text-align: center; overflow: auto;}
.credits {position: absolute; left: 1; top: 455; width: 100%; height: 20; text-align: center; overflow: auto;}
div {	scrollbar-face-color: #ffffff; 
	scrollbar-shadow-color: #000066; 
	scrollbar-highlight-color: #000066; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #000066;}
a:link {color: #000066; text-decoration: underline;}
a:visited {color: #000066; text-decoration: underline;}
a:hover {color: #ccccff; background: #000066; text-decoration: none;}
--></style> </head> <body topmargin="0">
<div class="entry">
<P>%%date%% - %%time%% <br>
%%short_description%%</P>

<P>%%entry%%</P><br>
<<a href="%%prev%%" title="prev_desc%%">prev</a>       <a href="%%next%%" 
title="next_desc%%">next</a>> <br>
</div>
<div class="nav"> 
<a href="http://%%%%username%%%%.diaryland.com/index.html">Newest</a><br>
<a href="http://%%%%username%%%%.diaryland.com/older.html">Older</a> <br>
<a href="http://members.diaryland.com/edit/profile.phtml?user=%%%%username%%%%" target="_blank">Profile</a> <br>
<a href="http://members.diaryland.com/edit/notes.phtml?user=%%%%username%%%%" target="_blank">Notes</a> <br>
</div>
<div class="credits">
credits: layout by <a href="http://jlkdesigns.diaryland.com/" target="_blank">JLK</a>; 
image from <a href="http://www.image-cafe.net/" target="_blank">Image-Cafe</a>;  host: 
<a href="http://www.diaryland.com/" target="_blank">Diaryland</a> <br> </div>
</body> </html>

And paste this code here for the archive template:

<html> <head> <title> We can learn a lot from crayons... </title>
<style> <!--
body	{ background-image:url(http://mywebpages.comcast.net/jamie-lynn/PATH/crayons.jpg); background-repeat: no-repeat; 
background-position: center; background-position: top; background-color: #ccccff; color: #000066; 
scrollbar-face-color, scrollbar-shadow-color, scrollbar-highlight-color, scrollbar-3dlight-color, 
scrollbar-darkshadow-color, scrollbar-track-color, scrollbar-arrow-color: #ccccff;
font-family: Verdana; font-size: 8pt;}
.entry {position: absolute; left: 107; top: 156; width: 343; 
height: 275; padding: 0; 
	text-align: left; overflow: auto;}
.nav {position: absolute; left: 532; top: 312; width: 125; 
height: 101; padding: 0; 	text-align: center; overflow: auto;}
.credits {position: absolute; left: 1; top: 455; width: 100%; height: 20; text-align: center; overflow: auto;}
div {	scrollbar-face-color: #ffffff; 
	scrollbar-shadow-color: #000066; 
	scrollbar-highlight-color: #000066; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #000066;}

a:link {color: #000066; text-decoration: underline;}
a:visited {color: #000066; text-decoration: underline;}
a:hover {color: #ccccff; background: #000066; text-decoration: none;}
--></style> </head> <body topmargin="0">
<div class="entry">
%%older_entries%%
</div>
<div class="nav"> 
<a href="http://%%%%username%%%%.diaryland.com/index.html">Newest</a><br>
<a href="http://%%%%username%%%%.diaryland.com/older.html">Older</a> <br>
<a href="http://members.diaryland.com/edit/profile.phtml?user=%%%%username%%%%" target="_blank">Profile</a> <br>
<a href="http://members.diaryland.com/edit/notes.phtml?user=%%%%username%%%%" target="_blank">Notes</a> <br>
</div>
<div class="credits">
credits: layout by <a href="http://jlkdesigns.diaryland.com/" target="_blank">JLK</a>; 
image from <a href="http://www.image-cafe.net/" target="_blank">Image-Cafe</a>;  host: 
<a href="http://www.diaryland.com/" target="_blank">Diaryland</a> <br> </div>
</body> </html>

If you have 1024x768 screen resolution, paste the
following code in here for the entry template:

<html> <head> <title> We can learn a lot from crayons... </title>
<style> </style> </head> <body topmargin="0">
<div class="entry">
<P>%%date%% - %%time%% <br>
%%short_description%%</P>

<P>%%entry%%</P><br>
<<a href="%%prev%%" title="prev_desc%%">prev</a>       <a href="%%next%%" 
title="next_desc%%">next</a>> <br>
</div>
<div class="nav">

<a href="http://%%%%username%%%%.diaryland.com/index.html">Newest</a><br>
<a href="http://%%%%username%%%%.diaryland.com/older.html">Older</a> <br>
<a href="http://members.diaryland.com/edit/profile.phtml?user=%%%%username%%%%" target="_blank">Profile</a> <br>
<a href="http://members.diaryland.com/edit/notes.phtml?user=%%%%username%%%%" target="_blank">Notes</a> <br>
</div>
<div class="credits">
credits: layout by <a href="http://jlkdesigns.diaryland.com/" target="_blank">JLK</a>; 
image from <a href="http://www.image-cafe.net/" target="_blank">Image-Cafe</a>;  host: 
<a href="http://www.diaryland.com/" target="_blank">Diaryland</a> <br> </div>
</body> </html>

And paste this code here for the archive template:

<html> <head> <title> We can learn a lot from crayons... </title>
<style> </style> </head> <body topmargin="0">
<div class="entry">

%%older_entries%%
</div>
<div class="nav"> 
<a href="http://%%username%%.diaryland.com/index.html">Newest</a><br>
<a href="http://%%username%%.diaryland.com/older.html">Older</a> <br>
<a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%" target="_blank">Profile</a> <br>
<a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%" target="_blank">Notes</a> <br>
</div>
<div class="credits">
credits: layout by <a href="http://jlkdesigns.diaryland.com/" target="_blank">JLK</a>; 
image from <a href="http://www.image-cafe.net/" target="_blank">Image-Cafe</a>;  host: 
<a href="http://www.diaryland.com/" target="_blank">Diaryland</a> <br> </div>
</body> </html>

How to add a link: It's just a regular link. Set it up like this <a href="http://www.whatever.com/whatever.html">text</a><br>