Free Diaryland Layouts. Fee Custom Templates. Diva Designs.

Trapped

Trapped. I got this wonderful image from Deviantart. As soon as I saw it I fell in love but it took me a while to think up a nice (but simple) theme to go with it. I kept the general layout v. simple to accentuate the image. (I have lost the URL of the person ho manipulated this image. If it's you let me know and I'll give full credit!)

Don't forget to change the pucca.html, updates1.html and %%USERNAME%% to lower case. Show me some guestbook love if you use this template

Entry page code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>...Trapped</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

body  {  scrollbar-face-color: #A9D1E8;
		     scrollbar-highlight-color: #A9D1E8;  
		 	 scrollbar-3dlight-color: #A9D1E8;
		 	 scrollbar-shadow-color: #A9D1E8;
			 scrollbar-arrow-color: #A9D1E8;
			 scrollbar-track-color: #A9D1E8;
			 scrollbar-darkshadow-color: #A9D1E8;
			 margin-left: 50px;
			 margin-top: 50px; }
		 
	.entry { scrollbar-face-color: #CDECFF;
			 scrollbar-highlight-color: #CDECFF;  
			 scrollbar-3dlight-color: #FFFFFF;
			 scrollbar-shadow-color: #CDECFF;
			 scrollbar-arrow-color: #FFFFFF;
			 scrollbar-track-color: #CDECFF;
			 scrollbar-darkshadow-color: #FFFFFF;	
			 font-family: verdana; 
	 		 font-size: 8pt; 
        	 color: 000000;
			 text-align: justify;
			 padding: 5px; }

.nav{ font-family: verdana; 
	 		 font-size: 8pt; 
        	 color: 000000;
         	 padding: 5px;
			 text-align: justify; }

a:link {text-decoration: line-under; color: #000000}
a:visited {text-decoration: line-under; font-weight: none; color: #000000}
a:hover {text-decoration: none; color: #A9D1E8}
a:active {text-decoration: line-through;  color: #A9D1E8}	 
	-->
	</style>

</head>

<body bgcolor="A9D1E8">
<div id="Layer2" class="nav" style="position:absolute; width:592px; height:24px; z-index:2; left: 131px; top: 458px; overflow: auto;"> 
  <div align="center"><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://%%USERNAME%%.signmyguestbook.com/">book</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=%%25USERNAME%%">notes</a> 
    <a href="mailto:yourname@someplace.com">email</a> <a href="rings.html">rings</a> 
    <a href="reviews.html">reviews</a> <a href="http://members.diaryland.com/edit/linkers.phtml?user=%%USERNAME%%">linkers</a> 
    <a href="http://divadesigns.diaryland.com">design</a> <a href="http://www.diaryland.com">diaryland</a> 
  </div>
</div>
<img src="http://ourworld.cs.com/pinkdivadesigns/TRAPPED.GIF" width="700" height="450">
<div id="Layer1" class="entry" style="position:absolute; width:378px; height:327px; z-index:1; left: 345px; top: 122px; overflow: auto;"> 
  <p><u>%%date%% || %%time%%</u><br>
    <strong>%%short_description%% </strong></p>
  <p>%%entry%%</p>
  <p><a href="pucca.html">before</a> | and | <a href="updates1.html">after</a></p>
</div>
</body>
</html>

Older pages code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>...Trapped</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

.nav{ font-family: verdana; 
	 		 font-size: 8pt; 
        	 color: 000000;
         	 padding: 5px;
			 text-align: justify; }

</head>

<p>%%older_entries%%</p>

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