Website Layouts

Anime

By Manda

<body><html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://i265.photobucket.com/albums/ii202/dazzlingdream/Melaharuhisuzumiyaic.jpg" type="image/x-icon" />
<script>document.title="YOUR SITE NAME HERE";</script>
<style type="text/css">
body{background: #B0BFD9 url('http://i265.photobucket.com/albums/ii202/dazzlingdream/bg2.jpg')}
body, td, p, font{font:10pt Papyrus;color: #B1B4C7;}
#main a, a, a b {color:#B1B4C7;font-family:Papyrus;border-bottom:0px;text-decoration:none;}
#main a:hover, a:hover, a b:hover {color:#FFFFFF;}
h1 { 
	background: transparent;
background-image: url('http://i265.photobucket.com/albums/ii202/dazzlingdream/bg2.jpg');
	font-size: 25px;
	font-weight: heavy;
	font-style: bold;
	font-family: Papyrus;
        border-bottom: 0px solid #FFFFFF;
	color: #B1B4C7;
	text-align: center;
        margin-bottom: 1px;
	line-height: 18px;
	margin: 0px;
	text-transform: lowercase;
	letter-spacing: -1px;
	padding: 2px;
	padding-left: 4px;
}
	
h2 { 
	background: transparent;
background-image: url('http://i265.photobucket.com/albums/ii202/dazzlingdream/bg2.jpg');
	font-size: 10px;
	font-weight: heavy;
	font-style: regular;
	font-family: Papyrus;
        border-bottom: 0px solid #FFFFFF;
	color: #B1B4C7;
	text-align: center;
        margin-bottom: 1px;
	line-height: 18px;
	margin: 0px;
	text-transform: none;
	letter-spacing: -1px;
	padding: 2px;
	padding-left: 4px;
}
ul{padding-left:40px}
#header, #footer, .sidebar {display:none;width:100px}
#n, td, table { background: transparent; }
#main {border:none; background:none;  width:500px; float:left;  padding-top:10px; padding-left:0px;}
.content {background:none;}
#pic1{z-index:1;position:absolute;top:0px;left:0px;}
#mid{z-index:2;position:absolute;top:570px;left:55px;width:600px; background:#565769;}
</style>
<img src="http://i265.photobucket.com/albums/ii202/dazzlingdream/Melaharuhisuzumiya.jpg" id="pic1">
<div id="mid">

<h1><a href="/site.php">Site</a> - <a href="/me.php">Me</a> - <a href="/you.php">You</a> - <a href="/credit.php">Credit</a>  - <a href="/linkurl.php">More links here</a> </h1>

<p>Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here 
<p>
<p>Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here 
<p>
<p>Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here 
<p>
<p>Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here Content goes here 
<p>

<b><p>
<h2>© Copyright [Your Site name here] All rights Reserved. Layout- <a href="http://dazzlingdream.zzl.org" target="_blank">Dazzlingdream.zzl.org</a></h2>
</div></body></html>

Eminem

By Manda

<body><html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://i265.photobucket.com/albums/ii202/dazzlingdream/eminemic.jpg" type="image/x-icon" />
<script>document.title="YOUR SITE NAME HERE";</script>
<style type="text/css">
body{background: #000000 url('http://i265.photobucket.com/albums/ii202/dazzlingdream/eminembg.png')}
body, td, p, font{font:10pt Script;color: #5F5F6B;}
#main a, a, a b {color:#5F5F6B;font-family:Script;border-bottom:0px;text-decoration:none;}
#main a:hover, a:hover, a b:hover {color:#FFFFFF;}
h1 { 
	background: transparent;
background-image: url('http://i265.photobucket.com/albums/ii202/dazzlingdream/eminembg.png');
	font-size: 25px;
	font-weight: heavy;
	font-style: bold;
	font-family: Script;
        border-bottom: 0px solid #FFFFFF;
	color: #5F5F6B;
	text-align: right;
        margin-bottom: 1px;
	line-height: 18px;
	margin: 0px;
	text-transform: lowercase;
	letter-spacing: -1px;
	padding: 2px;
	padding-left: 4px;
}
	
h2 { 
	background: transparent;
background-image: url('http://i265.photobucket.com/albums/ii202/dazzlingdream/eminembg.png');
	font-size: 15px;
	font-weight: heavy;
	font-style: regular;
	font-family: Script;
        border-bottom: 0px solid #FFFFFF;
	color: #5F5F6B;
	text-align: center;
        margin-bottom: 1px;
	line-height: 18px;
	margin: 0px;
	text-transform: none;
	letter-spacing: -1px;
	padding: 2px;
	padding-left: 4px;
}

ul{padding-left:40px}
#header, #footer, .sidebar {display:none;width:100px}
#n, td, table { background: transparent; }
#main {border:none; background:none;  width:500px; float:left;  padding-top:10px; padding-left:0px;}
.content {background:none;}
#pic1{z-index:1;position:absolute;top:0px;left:60px;}
#nav{z-index:2;position:absolute;top:100px;left:5px;width:150px; background:#E8E1CA;}
#mid{z-index:2;position:absolute;top:470px;left:5px;width:660px; background:#E8E1CA;}
</style>
<img src="http://i265.photobucket.com/albums/ii202/dazzlingdream/eminem.jpg" id="pic1">

<div id="nav">
<h1>Navigation</h1>
Link here<br>
Link here<br>
Link here<br>
Link here<br> 
Link here<br>
Link here<br> 
Link here<br>
Link here<br>
Link here<br> 
Link here<br>
Link here<br>
</div>

<div id="mid">
<h1>Page Title Here</h1>

<b><p>
<h2>© Copyright [Your Site name here] All rights Reserved. Layout- <a href="http://dazzlingdream.zzl.org" target="_blank">Dazzlingdream.zzl.org</a></h2>
</div>
</body></html>

Butterfly

By Manda

<body><html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://i265.photobucket.com/albums/ii202/dazzlingdream/butterflyic.jpg" type="image/x-icon" />
<script>document.title="YOUR SITE NAME HERE";</script>
<style type="text/css">
body{background: #000000 url('http://i265.photobucket.com/albums/ii202/dazzlingdream/butterflybg.jpg')}
body, td, p, font{font:10pt Roman;color: #FE8B25;}
#main a, a, a b {color:#FE8B25;font-family:Roman;border-bottom:0px;text-decoration:none;}
#main a:hover, a:hover, a b:hover {color:#FFFFFF;}
h1 { 
	background: transparent;
background-image: url('http://i265.photobucket.com/albums/ii202/dazzlingdream/butterflybg.jpg');
	font-size: 25px;
	font-weight: heavy;
	font-style: bold;
	font-family: Roman;
        border-bottom: 0px solid #FFFFFF;
	color: #FE8B25;
	text-align: left;
        margin-bottom: 1px;
	line-height: 18px;
	margin: 0px;
	text-transform: lowercase;
	letter-spacing: -1px;
	padding: 2px;
	padding-left: 4px;
}
	
h2 { 
	background: transparent;
background-image: url('http://i265.photobucket.com/albums/ii202/dazzlingdream/butterflybg.jpg');
	font-size: 15px;
	font-weight: heavy;
	font-style: regular;
	font-family: Roman;
        border-bottom: 0px solid #FFFFFF;
	color: #FE8B25;
	text-align: center;
        margin-bottom: 1px;
	line-height: 18px;
	margin: 0px;
	text-transform: none;
	letter-spacing: -1px;
	padding: 2px;
	padding-left: 4px;
}

ul{padding-left:40px}
#header, #footer, .sidebar {display:none;width:100px}
#n, td, table { background: transparent; }
#main {border:none; background:none;  width:500px; float:left;  padding-top:10px; padding-left:0px;}
.content {background:none;}
#pic1{z-index:1;position:absolute;top:0px;left:0px;}
#nav{z-index:2;position:absolute;top:80px;left:680px;width:150px; background:#D8522E;}
#mid{z-index:2;position:absolute;top:550px;left:110px;width:560px; background:#D8522E;}
</style>
<img src="http://i265.photobucket.com/albums/ii202/dazzlingdream/butterfly.jpg" id="pic1">

<div id="nav">
<h1>Navigation</h1>
Link here<br>
Link here<br>

Link here<br>
Link here<br> 
Link here<br>
Link here<br> 
Link here<br>
Link here<br>
Link here<br> 
Link here<br>
Link here<br>

</div>

<div id="mid">
<h1>Page Title Here</h1>

<b><p>

<h2>© Copyright [Your Site name here] All rights Reserved. Layout- <a href="http://dazzlingdream.zzl.org" target="_blank">Dazzlingdream.zzl.org</a></h2>
</div>
</body></html>

Carrie Underwood

By Manda

<body><html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script>document.title="TITLE YOUR WEBSITE HERE";</script>
<style type="text/css">
body{background: #C86B24 url('http://i265.photobucket.com/albums/ii202/dazzlingdream/carrieunderwoodbg.png')}
body, td, p, font{font:12pt Kartika;color: #9F190D;}
#main a, a, a b {color:#9F190D;font-family:Kartika;border-bottom:0px;text-decoration:none;}
#main a:hover, a:hover, a b:hover {color:#FFFFFF;}
h1 { 
	background: transparent;
	font-size: 25pt;
	font-weight: heavy;
	font-style: bold;
	font-family: Kartika;
        color: #9F190D;
	text-align: left;
        line-height: 2px;
        background-color:#B38A5B;
	margin: 0px;
	text-transform: lowercase;
	letter-spacing: -1px;
	padding: 2px;
	padding-left: 4px;
}
	
h2 { 
	background: transparent;
	font-size: 15pt;
	font-weight: heavy;
	font-style: bold;
	font-family: Kartika;
        color: #9F190D;
	text-align: center;
        line-height: 2px;
        background-color:#B38A5B;
	margin: 0px;
	text-transform: lowercase;
	letter-spacing: -1px;
	padding: 2px;
	padding-left: 4px;
}
ul{padding-left:40px}
#header, #footer, .sidebar {display:none;width:100px}
#n, td, table { background: transparent; }
#main {border:none; background:none;  width:500px; float:left;  padding-top:10px; padding-left:0px;}
.content {background:none;}
#pic1{z-index:1;position:absolute;top:0px;left:0px;}
#mid{z-index:2;position:absolute;top:505px;left:6px;width:500px; background:#C86B24;}
</style>
<img src="http://i265.photobucket.com/albums/ii202/dazzlingdream/carrieunderwood.png" id="pic1">
<div id="mid">
<h1><a href="URL1 HERE">LINK1</a> -  <a href="URL2 HERE">LINK2</a> -  <a href="URL3 HERE">LINK3</a> -  <a href="URL4 HERE">LINK4</a></h1>

Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here Type content here

Lazy Cat

By Manda

}
ul{padding-left:40px}
#header, #footer, .sidebar {display:none;width:100px}
#n, td, table { background: transparent; }
#main {border:none; background:none;  width:500px; float:left;  padding-top:10px; padding-left:0px;}
.content {background:none;}
#pic1{z-index:1;position:absolute;top:0px;left:12px;}
#mid{z-index:2;position:absolute;top:435px;left:12px;width:667px; background:transparent;}
</style>
<img src="http://i265.photobucket.com/albums/ii202/dazzlingdream/lazycat.png" id="pic1">
<div id="mid">
<h1><a href="URL1 HERE">LINK1</a> -  <a href="URL2 HERE">LINK2</a> -  <a href="URL3 HERE">LINK3</a> -  <a href="URL4 HERE">LINK4</a></h1>

Hilary Duff

By Manda

}
ul{padding-left:40px}
#header, #footer, .sidebar {display:none;width:100px}
#n, td, table { background: transparent; }
#main {border:none; background:none;  width:500px; float:left;  padding-top:10px; padding-left:0px;}
.content {background:none;}
#pic1{z-index:1;position:absolute;top:1px;left:0px;}
#mid{z-index:2;position:absolute;top:550px;left:0px;width:480px; background:#E0C6BC;}
</style>
<img src="http://i265.photobucket.com/albums/ii202/dazzlingdream/hilaryduff.png" id="pic1">
<div id="mid">
<h1><a href="URL1 HERE">LINK1</a> -  <a href="URL2 HERE">LINK2</a> -  <a href="URL3 HERE">LINK3</a> -  <a href="URL4 HERE">LINK4</a></h1>

Website Layouts

Navigation

Goodies

Vote?

Misc

Affiliates

Shout