Free Diaryland Layouts. Fee Custom Templates. Diva Designs.

Winona 'Girl Interrupted'

Winona 'Girl Interrupted' I didn't fancy having a crazy looking pic of her, so I just went for something along those lines. This is the first available template which I made beautiful with PS7. There will be more to come :o)

Change %%USERNAME%%, customs.html and %NEXT%% to lowercase and remember you must sign the guestbook if you take this layout.

Entry page code:

<html>
<head>
<title>Girl, Interrupted</title>
<style type="text/css">
	<!--

body 	 {scrollbar-face-color: #000000;
		 scrollbar-highlight-color: #FFFFFF;  
		 scrollbar-3dlight-color: #C0C0C0;
		 scrollbar-shadow-color: #FFFFFF;
		 scrollbar-arrow-color: #C0C0C0;
		 scrollbar-track-color: #FFFFFF;
		 scrollbar-darkshadow-color: #000000; }
		 
	.entry { font-family: verdana; 
	 		 font-size: 8pt; 
	 		 letter-spacing: 2px;
        	 color: 000000;
         	 background-color: FFFFFF;
         	 padding: 5px;
         	 clear: center;
         	 resize=no; }

.nav { font-family: verdana; 
	 		 font-size: 8pt; 
	 		 letter-spacing: 2px;
        	 color: 000000;
         	 background-color: FFFFFF;
         	 clear: center;
         	 resize=no; }

.image { background-color: FFFFFF;
         	 clear: center;
			 border: 1px solid;
			 color: 000000;
         	 resize=no; }

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

</head>

<body bgcolor="#FFFFFF">
<div id="image" style="position:absolute; width:760px; height:390px; z-index:1; top: 6px" class="image"> 
  <div align="right"><img src="http://ourworld.cs.com/pinkdivadesigns/WinSwirl.gif" width="590"></div>
</div>
<div id="entry" style="position:absolute; width:340px; height:350px; z-index:2; left: 18px; top: 16px; overflow: auto" class="entry"> 
  <p><b>%%short_description%%</b><br>
    %%date%% - %%time%%</p>
  <p>%%entry%%</p>
  <p align="right"><a href="customs.html>before</a> | <a href="heavenknows.html">after</a></p>
</div>
<div id="nav" style="position:absolute; width:760px; height:35px; z-index:3; left: 8px; top: 406px" class="nav">
  <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="rings.html">rings</a> | <a href="links.html">links</a> | <a href="reviews.html">reviews</a> 
    | <a href="http://members.diaryland.com/edit/linkers.phtml?user=%%USERNAME%%">readers</a> 
    | <a href="http://%%USERNAME%%.signmyguestbook.com">guestbook</a> 
    | <a href="http://members.diaryland.com/edit/notes.phtml?user=%%USERNAME%%">notes</a> 
    | <a href="mailto:yourname@someplace.com">email</a> | <a href="http://divadesigns.diaryland.com">design</a> 
    | <a href="http://www.diaryland.com">host</a></div>
</div>
</body>
</html>

Archive pages code:

<html>
<head>
<title>Girl, Interrupted</title>
<style type="text/css">
	<!--

.nav { font-family: verdana; 
	 		 font-size: 8pt; 
	 		 letter-spacing: 2px;
        	 color: 000000;
         	 background-color: FFFFFF;
         	 clear: center;
         	 resize=no; }

.image { background-color: FFFFFF;
         	 clear: center;
			 border: 1px solid;
			 color: 000000;
         	 resize=no; }

</head>

<body bgcolor="#FFFFFF">
<div id="image" style="position:absolute; width:760px; height:390px; z-index:1; top: 6px" class="image"> 
  <div align="right"><img src="http://ourworld.cs.com/pinkdivadesigns/WinSwirl.gif" width="590"></div>
</div>
<div id="entry" style="position:absolute; width:340px; height:350px; z-index:2; left: 18px; top: 16px; overflow: auto" class="entry">  
  <p>%%older_entries%%</p>
  
</div>
<div id="nav" style="position:absolute; width:760px; height:35px; z-index:3; left: 8px; top: 406px" class="nav">
  <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="rings.html">rings</a> | <a href="links.html">links</a> | <a href="reviews.html">reviews</a> 
    | <a href="http://members.diaryland.com/edit/linkers.phtml?user=%%USERNAME%%">readers</a> 
    | <a href="http://%%USERNAME%%.signmyguestbook.com">guestbook</a> 
    | <a href="http://members.diaryland.com/edit/notes.phtml?user=%%USERNAME%%">notes</a> 
    | <a href="mailto:yourname@someplace.com">email</a> | <a href="http://divadesigns.diaryland.com">design</a> 
    | <a href="http://www.diaryland.com">host</a></div>
</div>
</body>
</html>