Bliss

Designer's Comments

Look carefully for specific instructions

Please leave the credit on..

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bliss</title>

body {
	background-image:url(http://cbimg6.com/layouts/10/08/36471ai.png);
	background-repeat:repeat-x;
	background-color:#e1e1e1;
}
h1 {
	color:#000000;
	font-size:18px;
	text-transform:uppercase;
	background-image:url(http://cbimg6.com/layouts/10/08/36471aj.png);
	background-repeat:no-repeat;
	width:601px;
	height:25px;
	text-align:center;
}

blockquote {
	background-color:#d4d4d4;
	width:500px;
	color:#6a3f3f;
	font-size:12px;
	border-bottom-color:#000000;
	border-bottom-width:3px;
	border-bottom-style:solid;
	border-right-color:#000000;
	border-right-width:1px;
	border-right-style:solid;
}
h2 {
		background-image:url(http://cbimg6.com/layouts/10/08/36471ak.png);
		background-repeat:no-repeat;
		color:#633e3d;
		text-align:center;
		text-transform:uppercase;
		font-size:16px;
		
}

#header {
	background-image:url(http://cbimg6.com/layouts/10/08/36471al.png);
	background-repeat:no-repeat;
    position:absolute;
	left:0px;
	top:1px;
	width:867px;
	height:395px;
	z-index:1;
}
#SiteName {
	position:absolute;
	left:3px;
	top:53px;
	width:515px;
	height:40px;
	z-index:2;
	color:#ac3436;
	font-size:35px;
	font-family: Georgia, "Times New Roman";
	overflow:hidden;
	text-transform:uppercase;
}
#TopNav {
	position:absolute;
	left:0px;
	top:258px;
	width:490px;
	height:31px;
	z-index:3;
}

a.nav:active, a.nav:visited, a.nav:link {
    display:Inline-block;
	color:#000000;
    font-family:georgia;
	text-align: center;
	width:85px;
	height:30px;
    font-size:10px;
    font-weight:None;
    text-decoration:none;
    letter-spacing:1px;
	background-image:url(http://cbimg6.com/layouts/10/08/36471am.png);
    line-height:14px;
	text-transform:uppercase;

}

a.nav:hover {
	display:Inline-block;
    color:#000000;
    font-family:georgia;
	text-align: center;
    font-size:10px;
	width:85px;
	height:30px;
    font-weight:normal;
    text-decoration: none;
    letter-spacing:1px;
    line-height:14px;
	background-image:url(http://cbimg6.com/layouts/10/08/36471an.png);
	text-transform:uppercase;

}
a.link:active, a.link:visited, a.link:link {
    display:inline-block;
	color:#87735c;
    font-family:georgia;
	text-align: center;
    font-size:11px;
	width:120px;
    font-weight:None;
    text-decoration:none;
	height:20px;
	background-image:url(http://cbimg6.com/layouts/10/08/36471ao.png);

}

a.link:hover {
	display:inline-block;
    color:#000000;
    font-family:georgia;
	text-align: center;
    font-size:12px;
	width:120px;
	height:20px;
    font-weight:normal;
    text-decoration: italicize;
	background-image:url(http://cbimg6.com/layouts/10/08/36471ap.png);

}
#Icons {
	position:absolute;
	left:631px;
	top:28px;
	width:379px;
	height:61px;
	z-index:4;
	overflow:hidden;
}
#content {
	position:absolute;
	left:5px;
	top:303px;
	width:601px;
	height:449px;
	z-index:5;
	color:#6a5a4a;
	font-size:13px;
	margin:10px;
}
#Navigation {
	position:absolute;
	left:632px;
	top:97px;
	width:372px;
	height:180px;
	z-index:6;
	overflow:hidden;
}
#rightsidebar {
	position:absolute;
	left:653px;
	top:351px;
	width:328px;
	height:822px;
	z-index:7;
	color:#6a5a4a;
	font-size:13px;
	margin:10px;
	text-align:center;
}

-->
</style>
</head>
<div id="Icons">

<div id="header"></div>
<div id="SiteName">The Site Title</div>

<div id="TopNav">
<a href="../link" class="nav">Clear</a>
<a href="../link" class="nav">Site</a>
<a href="../link" class="nav">Content</a>
<a href="../link" class="nav">About</a>
<a href="http://justleah.createblog.com" class="nav">Contact</a>

</div>

<div id="Navigation">
<h2>Navigate</h2>

<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>

</div>

<div id="content">
<H1>Header Sample</H1>
<blockquote>This is a blockquote section<br />
<img src="http://cbimg6.com/layouts/10/08/36471af.png" width="100" height="100" align="left"/>
<p>

<li type="circle">No stealing</li>
<li type="circle">No redistributing</li>
<li type="circle">Do not call as your own</li>
<li type="circle">You can tamper with the codes</li>
<li type="circle">At least one of the following credits should remain visible</li>
<li type="circle">You can use my codes as your own, just contact me via createblog first, otherwise it would be stealing.</li>

Anywhozzledizzle, enjoy the layout.

</blockquote>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
  <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque  eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend  sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
  
    <h1>Second thoughts..?</h1>
  modo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.

modo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.
  
  modo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.
</div>

<div id="rightsidebar">
<h2>About..?</h2>
<img src="http://cbimg6.com/layouts/10/08/36471ag.png" width="88" height="33" align="right" />

<p>Lorem ipsum dolor sit amet, consectet adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermen diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing.
<img src="http://cbimg6.com/layouts/10/08/36471ah.png" width="328" height="25" />

<h2>Friends</h2>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<a href="../link" class="link">Linkage here</a>
<img src="http://cbimg6.com/layouts/10/08/36471ah.png" width="328" height="25" />

<h2>Information</h2>
 modo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. 
<img src="http://cbimg6.com/layouts/10/08/36471ah.png" width="328" height="25" />

<h2>Sitely</h2>
  modo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. 
<img src="http://cbimg6.com/layouts/10/08/36471ah.png" width="328" height="25" />

Layout Comments

Showing latest 10 of 10 comments

I am lovin this!

By tehmiminator on Feb 1, 2011 3:07 pm

holy macaroni sauce this in insanely beautiful.

By koobecaf on Jan 2, 2011 8:19 pm

@everybodyneedshope Unfortunately for you this is a website layout, i have no idea how to make myspace stuff

By JustLeah on Sep 15, 2010 5:20 pm

I love your layout, but I'd like to know how can I use your layout in my profile 2.0. I don't even know how to change to myspace 1.0 ... I'd be glad to use this layout. It's awesome... help me please!

By everybodyneedshope on Sep 14, 2010 10:41 pm

I almost used this as my layout for my website but I'd rather make my own layout myself. Anyways, this is very professional looking its a gorgeous layout and I absolutely loved it. Amazing job!

By Victoria322821 on Sep 8, 2010 1:13 pm

Oh wow,lovely colors & header image :D
GOOD JOB! KEEP UP THE GREAT WORK

By Snaily on Aug 17, 2010 6:29 pm