Mischa Burton!

Layout Code

Copy and paste to Template HTML

<html>

<head>
<style>
body{
scrollbar-3dlight-color:#eee;
scrollbar-arrow-color:#8B6540;
scrollbar-base-color:#eee;
scrollbar-darkshadow-color:#eee;
scrollbar-face-color:#eee;
scrollbar-highlight-color:#ddd;
scrollbar-shadow-color:#ddd;

font-family:Trebuchet MS;
font-size: 10px;
text-align: justify;
}

.text{
overflow:auto;
}

A:visited  {color: #333333; text-decoration: none}
A:link  {color: #333333; text-decoration: none; width: 100%;}
A:active  {color: #333333; text-decoration: none}
A:hover   {cursor: hand; color: #FF0018; background-color: #000000; text-decoration: none}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Lorem ipsum dolor sit amet</title>
</head>

<p>
<img border="0" src="http://cbimg6.com/layouts/08/03/28/26534ab.jpg" width="600" height="600"></p>
<p>
 </p>
<p>
 </p>
<div class="text" style="position: absolute; width: 357px; height: 278px; z-index: 1; left: 226px; top: 290px" id="livello1">
	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quis 
	lacus. Morbi vel nunc. Curabitur at neque id dui aliquet fermentum. Quisque 
	gravida. Etiam velit. Lorem ipsum dolor sit amet, consectetuer adipiscing 
	elit. Praesent lacus nulla, bibendum eu, consectetuer vestibulum, vestibulum 
	quis, dolor. Pellentesque habitant morbi tristique senectus et netus et 
	malesuada fames ac turpis egestas. Cras vel turpis sed nibh laoreet interdum. 
	Aenean ut felis. Mauris semper purus a tortor. Nunc dignissim nisi nec felis.
	<p>Nulla at est. Phasellus imperdiet, ipsum id elementum sodales, erat dui 
	euismod purus, a accumsan massa turpis non turpis. Nulla ultricies. Cras nec 
	diam. Maecenas ac turpis ut quam dapibus congue. Donec quis nisi. Nunc 
	dignissim vestibulum massa. Proin a sapien sed nibh aliquam scelerisque. 
	Nullam imperdiet, augue non elementum pretium, nibh nisi vehicula risus, eu 
	dapibus risus nisl ut sem. Curabitur ullamcorper pharetra sem. Integer sit 
	amet pede. Sed dictum. Aenean ac arcu at pede commodo condimentum. Ut 
	rhoncus, metus id consequat vestibulum, est turpis aliquet justo, in 
	dignissim sapien nulla a lectus. Curabitur ipsum justo, gravida et, aliquet 
	et, pellentesque in, nisi. Nunc odio justo, dignissim nec, feugiat sed, 
	sollicitudin ac, odio. </p>
	<p> </div>

<div style="position: absolute; width: 63px; height: 180px; z-index: 2; left: 155px; top: 370px" id="livello2">
	<a href="#">home</a><br>
	<a href="#">photos</a><br>
	<a href="#">guestbook</a><br>
	<a href="#">forum</a><br>
	<a href="#">links</a><br>
	<a href="#">contact</a><br>
	<a href="http://roccopalermo.altervista.org">credits</a></div>

</body>

</html>

Layout Comments

Showing latest 10 of 10 comments

i like the wood panels in this.

By didtech on Jan 6, 2009 1:18 pm

outside of the name being spelled wrong, the layout looks nice but that black line in the 'paper' makes the text on top hard to read.
maybe instead of making that section as big as it is, try splitting it so that the page rip acts like two sheets of paper for two different content div layers.

By Blaqheartedstar on Jul 15, 2008 7:03 pm