Free Diaryland Layouts. Fee Custom Templates. Diva Designs.

Satine - Diamonds

Satine (Nicole Kidman) from Moulin Rouge - Diamonds are a girl's best friend. This layout was probably one of the quickest to create so far, but I think it's my favourite (over the Buffy & Britney one's! OMG!). The image of Satine on the right reads "Diamonds are a girl's best friend". Links are on the right with space for playlist/ buddylist etc. You can add however much you like in the column as it will just scroll.

Change %%USERNAME%%, stripped2.html and avrilabo.html to lower case. You must sign the book if you use this layout.

Entry page code

<html>
<head>
<title>Diamonds are a girl's best friend.</title>
<style type="text/css">
body 	 {background-color: #413924;
         scrollbar-face-color: #413924;
scrollbar-highlight-color: #413924;  
scrollbar-3dlight-color: #F6E5BC;
scrollbar-shadow-color: #F7F0DD;
scrollbar-arrow-color: #F7F0DD;
scrollbar-track-color: #413924;
scrollbar-darkshadow-color: #413924; }
	<!--
		 
	.entry { font-family: verdana; 
	 		 font-size: 8pt; 
	 		 letter-spacing: 2px;
        	 color: F7F0DD;
         	 background-color: 413924;
         	 padding: 5px;
         	 clear: center;
			 border: 1px solid;
         	 resize=no; }

.nav { font-family: verdana; 
	 		 font-size: 8pt; 
	 		 letter-spacing: 2px;
        	 color:F7F0DD;
         	 background-color: 413924;
         	 padding: 5px;
         	 clear: center;
			 border: 1px solid;
         	 resize=no; }

.image { font-family: verdana; 
	 		 font-size: 8pt; 
	 		 letter-spacing: 2px;
        	 color:F7F0DD;
         	 background-color: 413924;
         	 clear: center;
			 border: 1px solid;
         	 resize=no; }
				 
	
a:link {text-decoration: none; font-weight: none; color: #F6E5BC}
a:visited {text-decoration: none; font-weight: none; color: #F7F0DD}
a:hover {text-decoration: line-through; cursor: crosshair; color: #F6E5BC}
a:active {text-decoration: line-through; font-weight: bold; color: #F7F0DD}	 
	-->
	</style>
</head>
<body bgcolor="#413924">
<div id="Nav" style="position: absolute; left: 34px; top: 11px; width: 139px; height: 423px; z-index: 1; background: #413924; overflow: auto" class="nav"> 
  <p><b><font color="#F6E5BC">NAVIGATION</font></b></p>
  <p><a href="index.html">new jewels</a><br>
    <a href="older.html">old gems</a></p>
  <p> <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="cast.html">cast</a><br>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=%%USERNAME%%">notes</a><br>
    <a href="%%USERNAME%%.signmyguestbook.com">book </a><br>
    <a href="mailto:yourname@someplace.com">email</a> <br>
    <a href="http://divadesigns.diaryland.com">design</a><br>
    <a href="http://www.diaryland.com">host</a> </p>
  <p>Add your playlist/and or buddylist here. It doesn't matter how much you add, 
    as a scroll bar will appear.</p>
  </div>
<div id="entry" style="position: absolute; left: 173px; top: 11px; width: 360px; height: 423px; z-index: 2; background: #413924; overflow: auto" class="entry"> 
  <p align="right"><b>%%short_description%%</b> <br>
    %%date%%, %%time%%</p>
      
  <p>%%entry%%</p>
  <p> </p>
  <p> </p>
<p align="right"><a href="stripped2.html"><span class="entry"><<</span></a><span class="entry"> 
          // <a href="avrilabo.html">>></a><br>
  </div>
<div id="image" style="position: absolute; left: 533px; top: 11px; width: 185px; height: 420px; z-index: 3; background: #413924" class="image"><img src="http://ourworld.cs.com/pinkdivadesigns/satine8001.jpg" height="421"></div>
</body>
</html>

Older Page's code:

.image { font-family: verdana; 
	 		 font-size: 8pt; 
	 		 letter-spacing: 2px;
        	 color:F7F0DD;
         	 background-color: 413924;
         	 clear: center;
			 border: 1px solid;
         	 resize=no; }
				 
	
a:link {text-decoration: none; font-weight: none; color: #F6E5BC}
a:visited {text-decoration: none; font-weight: none; color: #F7F0DD}
a:hover {text-decoration: line-through; cursor: crosshair; color: #F6E5BC}
a:active {text-decoration: line-through; font-weight: bold; color: #F7F0DD}	 
	-->
	</style>
</head>
<body bgcolor="#413924">
<div id="Nav" style="position: absolute; left: 34px; top: 11px; width: 139px; height: 423px; z-index: 1; background: #413924; overflow: auto" class="nav"> 
  <p><b><font color="#F6E5BC">NAVIGATION</font></b></p>
  <p><a href="index.html">new jewels</a><br>
    <a href="older.html">old gems</a></p>
  <p> <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="cast.html">cast</a><br>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=%%USERNAME%%">notes</a><br>
    <a href="%%USERNAME%%.signmyguestbook.com">book </a><br>
    <a href="mailto:yourname@someplace.com">email</a> <br>
    <a href="http://divadesigns.diaryland.com">design</a><br>
    <a href="http://www.diaryland.com">host</a> </p>
  <p>Add your playlist/and or buddylist here. It doesn't matter how much you add, 
    as a scroll bar will appear.</p>
  </div>
<div id="entry" style="position: absolute; left: 173px; top: 11px; width: 360px; height: 423px; z-index: 2; background: #413924; overflow: auto" class="entry"> 
<p>%%older_entries%%</p>
<div id="image" style="position: absolute; left: 533px; top: 11px; width: 185px; height: 420px; z-index: 3; background: #413924" class="image"><img src="http://ourworld.cs.com/pinkdivadesigns/satine8001.jpg" height="421"></div>
</body>
</html>