Game Over

This layout features: Oopsy-Daisy being shot at by one of those old school asteroid ships.
Navigation is: plain old text links.
Image Credit: Oopsy-Daisy.
Font: Verdana 9pt.
You can change: the font, link effects, and navigational links (do NOT remove layout credit or Diaryland link)
Notes: Looks just fine in Netscape.

Directions:
1. You might want to Right click, Save target as..., gameover.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

Paste the following code in here for the entry template:

<html> <head> <title> the game is over ... </title>
<style>  </style> </head> <body topmargin="0" leftmargin="0">
<script>document.body.style.scrollbarBaseColor="000000" </script>
<div class="entry">
%%short_description%% <br>
%%date%% - %%time%% <br>
<br>
%%entry%% <br>
<br>
<a href="%%prev%%">prev</a> / <a href="%%next%%">next</a> <br> </div>
<div class="nav">
<a href="http://%%username%%.diaryland.com/index.html">Newest</a> / <a href="http://%%username%%.diaryland.com/older.html">Older</a> / <a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%" target="_blank">Profile</a> / <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%" target="_blank">Notes</a> <br>
host: <a href="http://www.diaryland.com" target="_blank">DiaryLand</a>; Layout by: <a href="http://jlkdesigns.diaryland.com" target="_blank">JLK</a>; <br>
</div>
<div class="more">
 
</div>
<div class="empty">

</div>
</body> </html>

And paste this code here for the archive template:

.entry {position: absolute; left: 49; top: 121; width: 377; height: 290; overflow: auto; background-color: #cf0721;}
.nav {position: absolute; left: 47; top: 431; width: 382; height: 29; text-align: center; overflow: auto; font-size: 8pt; background-color: #cf0721;}
.more {position: absolute; left: 546; top: 5; width: 231; height: 339; overflow: auto; background-color: #cf0721;}
.empty {position: absolute; left: 546; top: 344; width: 231; height: 218; overflow: auto;}
div	{scrollbar-face-color: #cf0721; 
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #000000; 
	scrollbar-3dlight-color: #cf0721; 
	scrollbar-darkshadow-color: #cf0721; 
	scrollbar-track-color: #cf0721;
	scrollbar-arrow-color: #000000;}
a {color: #000000;}
a:hover {color: #cf0721; background: #000000; text-decoration: none;}
--> </style> </head> <body topmargin="0" leftmargin="0">
<script>document.body.style.scrollbarBaseColor="000000" </script>
<div class="entry">
%%older_entries%% <br> </div>
<div class="nav">
<a href="http://%%username%%.diaryland.com/index.html">Newest</a> / <a href="http://%%username%%.diaryland.com/older.html">Older</a> / <a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%" target="_blank">Profile</a> / <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%" target="_blank">Notes</a> <br>
host: <a href="http://www.diaryland.com" target="_blank">DiaryLand</a>; Layout by: <a href="http://jlkdesigns.diaryland.com" target="_blank">JLK</a>; <br>
</div>
<div class="more">
 
</div>
<div class="empty">

</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>