Down the Path to Destiny

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>down the path to destiny</title>
<style type="text/css">
body {
	/* Changes the default page settings */
	background-color: #6B3500;
	background-image: url(http://images.cbimg5.com/website/10/2322.jpg);
	margin: 0px;
	}
div#wrapper {
	/* DON'T change; this contains everything */
	margin: 0px
	width: 663px;
	background-image: url(http://images.cbimg5.com/website/01/0232.jpg);
	top: 0;
	}
div#content {
	/* Basic font setting for content */
	width: 100%;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	}
div#siteheader {
	/* Settings for the site name at the top. DO NOT change positioning! */
	position: absolute;
	width: 653px;
	height: 25px;
	top:15px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	text-align: right;
	z-index: 5;
	padding-right: 3px;
	}
.contenthead {
	/* Basic font settings for the content's header */
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	background-color: #eeeeee;
	height: 56px;
	font-family: Arial Black;
	font-size: 15px;
	color: #6B3500;
	}
.contentbyline {
	/* A line of text for a date or byline */
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	}
div#sidebar {
	/* Basic font setting for right sidebar */
	width: 100%;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	}
.sidebarhead {
	/* Basic font settings for the sidebar's header */
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	background-color: #eeeeee;
	font-family: Arial Black;
	font-size: 12px;
	color: #6B3500;
	text-align: right;
	}
a:link, a:visited, a:active {
	/* Basic link properties */
	color: #6B3500;
	text-decoration: none;
	}
a:hover {
	/* Hover link properties */
	color: #000;
	text-decoration: none;
	background-color: #D4C7B9;
	}
.credits {
	width: 643px;
	margin-left: 10px;
	height: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	border-top: 1px solid #666666;
	font-size: 10px;
	}
</style>
</head>

<body>
<table width=100% cellpadding=0><tr><td> </td><td width="663">
<div id="wrapper">
	<div id="siteheader">down the path to destiny</div>

<center><img src="http://images.cbimg5.com/website/01/0232a.jpg">
	</center>
			<table width=663 cellpadding=0 cellspacing=0><tr>
			<td width=10> </td>
			<td width=450 valign=top><div id="content">
	
			<div class="contenthead"><img src="http://images.cbimg5.com/website/10/2312.jpg" width="50" height="50" align="left" style="padding:3px;"> Down the Path to Destiny 
			  <div class="contentbyline">A website template by Fabio.<br>
				[this is a great place for comments]</div></div>
				<br>
				This is where you put your main content. The way I have this set up, it's really easy to use as a simple blog with a manual commenting system, such as <a href="http://www.haloscan.com">HaloScan</a>, but it's also good for any other content you wish to use. <br><br>
				The best part is that it looks great in all major browsers!
				Anyhow, anytime you want an entry like this, copy everything between  and . 
	
	<br><br><br><br>
		
			<div class="contenthead"><img src="http://images.cbimg5.com/website/10/2312.jpg" width="50" height="50" align="left" style="padding:3px;"> Credits 
			  <div class="contentbyline">A necessary evil.<br>
				[another great place for comments]</div></div>
				<br>
				Image credit goes to <a href="http://fotocommunity.de">FotoCommunity.de</a>.<br>
				Background credit goes to <a href="http://www.wordpress.org">WordPress</a>.<br>
				There's nothing to make you keep all that here, but it would be awfully nice of you if you put it in any "about" page you decide to make!
	
			</div></td>
			<td width=10> </td>
			<td width=183 valign=top><div id="sidebar">
			
			<div class="sidebarhead">Profile</div>
			<br>
			Put some information about yourself here; either some statistics or short description.
			<br><br><br>
			
						
			<div class="sidebarhead">Links</div>
			<br>
			<ul>
			<li><a href="http://www.createblog.com">Edit Me</a></li>
			<li><a href="http://www.createblog.com">Edit Me</a></li>
			<li><a href="http://www.createblog.com">Edit Me</a></li>
			</ul>
			<br><br><br>
			
			
			<div class="sidebarhead">Extra Stuff</div>
			<br>
			You can say whatever about anything here... insert a tagboard or chatterbox, show your affiliates, display random information... anything you'd like.<br><br>
			If you want more of these modules, just copy everything between  and  and paste it over again!
			<br><br><br>

</div></td>
			<td width=10> </td>
			</tr></table>
			<div class="credits">All content ?[your name here].     Layout designed by <a href="http://unwritten.ill-wed.com">Meli</a></div>
</div></td>
<td> </td>
</tr></table>
</body>
</html>

Layout Comments

Showing latest 8 of 8 comments

So pretty~

By Cartunist on Aug 28, 2007 9:28 am

where is the picture from/or where is it? ehh is it a painting?

By bellabm on Aug 26, 2007 4:19 am

love this!

By KarenMendoza on Jul 11, 2007 11:48 pm

Good Job Meli! This is one of my favorites.

By YourSuperior on Jun 3, 2007 9:36 pm

the image is sweet

By IVIike on Feb 13, 2007 9:27 am

meh not really my thing but good job

By hypnotique on Nov 26, 2006 5:10 pm

The thumbnail of this layout doesn't do it justice. I was looking for a website template, and I breezed right over it because the small picture thumbnail thing looked like that cliched autumn picture that I see all over the internet. Then, after readi

By symphomaniac on Feb 12, 2006 3:55 pm

OHHH i see, the preview is jacked up-but its such a great layout! wee i really like your stuff

By Heathasm on Nov 13, 2005 7:17 am

Layout Details

Designer	Fabio.
Submitted on	Nov 10, 2005
Page views	32,396
Favorites	75
Comments	8

Down the Path to Destiny

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates