Free Diaryland Layouts. Fee Custom Templates. Diva Designs.

Avril - anything but ordinary

This one is VERY pink!! Contains space for links (obviously) aswell as space for a buddy list. You can change this to whatever you like - playlist, mini bio etc... the choice is yours, but please don't remove my link!

Remember to change the diamonds.html & customs.html links to lowercase, aswell as the %%USERNAME%% links. You must sign the book if you use this layout.

Entry page code:

<html>
<head>
<title>Anything but ordinary.</title>
<style type="text/css">
	<!--

body 	 {scrollbar-face-color: #ED5BA2;
		 scrollbar-highlight-color: #FFFFFF;  
		 scrollbar-3dlight-color: #ED5BA2;
		 scrollbar-shadow-color: #FFFFFF;
		 scrollbar-arrow-color: #ED5BA2;
		 scrollbar-track-color: #ED5BA2;
		 scrollbar-darkshadow-color: #ED5BA2; }
		 
	.entry { font-family: verdana; 
	 		 font-size: 8pt; 
	 		 letter-spacing: 2px;
        	 color: F7F0DD;
         	 background-color: FFFFFF;
         	 padding: 5px;
         	 clear: center;
			 border: 1px solid;
			 color: ED5BA2;
         	 resize=no; 
			 filter: alpha(opacity=80); }

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

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

.username { font-family: verdana; 
	 		 font-size: 20pt; 
	 		 letter-spacing: 2px;
        	 color:ED5BA2;
         	 background-color: FFFFFF;
         	 clear: center;
			 border: none;
         	 resize=no; }
				 
	
a:link {text-decoration: none; font-weight: none; color: #ED5BA2}
a:visited {text-decoration: none; font-weight: none; color: #000000}
a:hover {text-decoration: line-through; cursor: crosshair; color: #ED5BA2}
a:active {text-decoration: line-through; font-weight: bold; color: #F7F0DD}	 
	-->
	</style>
</head>
<body bgcolor="#FFFFFF">
<div id="Layer1" style="position:absolute; width:520px; height:70px; z-index:4" class="username">%%USERNAME%%.diaryland.com</div>
<div id="image1" style="position:absolute; width:160px; height:115px; z-index:1; left: 573px; top: 41px"><img src="http://ourworld.cs.com/pinkdivadesigns/avrilpink.jpg" width="160" height="183"></div>
<div id="image2" style="position:absolute; width:160px; height:115px; z-index:2; left: 43px; top: 236px"><img src="http://ourworld.cs.com/pinkdivadesigns/avrilpink.jpg" width="160" height="183"></div>
<div id="Layer2" style="position:absolute; width:360px; height:45px; z-index:5; left: 398px; top: 396px" class="username"> 
  <div align="right">Anything but ordinary</div>
</div>
<div id="nav" style="position:absolute; width:60px; height:140px; z-index:6; left: 113px; top: 91px; overflow: auto" class="nav"><a href="index.html">current</a><br>
  <a href="older.html">older</a><br>
  <a href="http://members.diaryland.com/edit/profile.phtml?user=%%USERNAME%%">profile</a><br>
  <a href="rings.html">rings</a><br>
  <a href="reviews.html">reviews</a><br>
  <a href="extras.html">extras </a><br>
  <a href="%%USERNAME%%.signmyguestbook.com">book</a><br>
  <a href="http://members.diaryland.com/edit/notes.phtml?user=%%USERNAME%%">notes</a><br>
  <a href="http://divadesigns.diaryland.com">design</a><br>
  <a href="http://www.diaryland.com">host </a><br>
</div>
<div id="extras" style="position:absolute; width:130px; height:130px; z-index:7; left: 603px; top: 231px; overflow: auto" class="nav"> 
  <p>I Read:</p>
  <p>%%buddy list%%</p>
  <p>remove the spaces between buddylist to get them to show up properly.</p>
</div>
<div id="entry" style="position:absolute; width:420px; height:275px; z-index:8; left: 178px; top: 91px; overflow: auto" class="entry"> 
  <p align="right"><b>%%short_description%%<br>
    %%date%% - %%time%%</b></p>
  <p align="left">%%entry%%</p>
  <p align="right"><a href="diamonds.html"><<</a> //<a href="customs.html">>></a></p> 
    
</div>
</body>
</html>

Archive pages code:

<html>
<head>
<title>Anything but ordinary.</title>
<style type="text/css">
	<!--

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

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

.username { font-family: verdana; 
	 		 font-size: 20pt; 
	 		 letter-spacing: 2px;
        	 color:ED5BA2;
         	 background-color: FFFFFF;
         	 clear: center;
			 border: none;
         	 resize=no; }
				 
	
a:link {text-decoration: none; font-weight: none; color: #ED5BA2}
a:visited {text-decoration: none; font-weight: none; color: #000000}
a:hover {text-decoration: line-through; cursor: crosshair; color: #ED5BA2}
a:active {text-decoration: line-through; font-weight: bold; color: #F7F0DD}	 
	-->
	</style>
</head>
<body bgcolor="#FFFFFF">
<div id="Layer1" style="position:absolute; width:520px; height:70px; z-index:4" class="username">%%USERNAME%%.diaryland.com</div>
<div id="image1" style="position:absolute; width:160px; height:115px; z-index:1; left: 573px; top: 41px"><img src="http://ourworld.cs.com/pinkdivadesigns/avrilpink.jpg" width="160" height="183"></div>
<div id="image2" style="position:absolute; width:160px; height:115px; z-index:2; left: 43px; top: 236px"><img src="http://ourworld.cs.com/pinkdivadesigns/avrilpink.jpg" width="160" height="183"></div>
<div id="Layer2" style="position:absolute; width:360px; height:45px; z-index:5; left: 398px; top: 396px" class="username"> 
  <div align="right">Anything but ordinary</div>
</div>
<div id="nav" style="position:absolute; width:60px; height:140px; z-index:6; left: 113px; top: 91px; overflow: auto" class="nav"><a href="index.html">current</a><br>
  <a href="older.html">older</a><br>
  <a href="http://members.diaryland.com/edit/profile.phtml?user=%%USERNAME%%">profile</a><br>
  <a href="rings.html">rings</a><br>
  <a href="reviews.html">reviews</a><br>
  <a href="extras.html">extras </a><br>
  <a href="%%USERNAME%%.signmyguestbook.com">book</a><br>
  <a href="http://members.diaryland.com/edit/notes.phtml?user=%%USERNAME%%">notes</a><br>
  <a href="http://divadesigns.diaryland.com">design</a><br>
  <a href="http://www.diaryland.com">host </a><br>
</div>
<div id="extras" style="position:absolute; width:130px; height:130px; z-index:7; left: 603px; top: 231px; overflow: auto" class="nav"> 
  <p>I Read:</p>
  <p>%%buddy list%%</p>
  <p>remove the spaces between buddylist to get them to show up properly.</p>
</div>
<div id="entry" style="position:absolute; width:420px; height:275px; z-index:8; left: 178px; top: 91px; overflow: auto" class="entry"> 
<p>%%older_entries%%</p>
    
</div>
</body>
</html>