bubbleG:U:M

Designer's Comments

Look carefully for specific instructions

i found the background song a link from a inuyasha layout

i like the layout...
but its simple..

Layout Code

Copy and paste to Template HTML

body	{
	background-color: #ffa2a6;
	background-image: url(http://cbimg6.com/layouts/08/01/04/24404ab.png);
	background-repeat: repeat-y;
	color: #200007;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	z-index: 1;
	}

/* ------ LAYOUT ------ */	
#header	{
	background-image: url();
	width: 800px;
	height: 600px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 220px;
	left: 25px;
	top: 430px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 100px;
	left:290px;
	top: 438px;
	position: absolute;
	z-index: 4;
	}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #ffe0ed;
	font-family: tahoma;
	font-size: 15px;
	font-style: none;
	font-weight:;
	text-decoration:none;
	text-transform:none;
	text-align: center;
	background-color: #transparent;
        border-left: 10px solid #1c0003; 
        border-right: 10px solid #ffeded; 
	}
	
/* ------ TEXT FORMATIONS ------ */
b, strong	{
	color: #d82227;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
      
	}

i, em	{
	color: #db9b54;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	}

u 	{
	color: #ffe1f0;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 2px dotted #feebdc;
	}

/* ------ LINKS & NAVIGATION ------ */
a:link, a:active, a:visited	{
	color: #b60426;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
a:hover	{
	color: #ff5c6b;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
        background-color: #fddcc2;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
        border-right: 4px solid #1b0000 ;
border-left: 4px solid #1b0000;
margin:10px;  
	}

.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #fddcc2;
	background-color: #ff839e;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: ;
	display: block; 
	line-height: 14px;
	text-align: center;
        border-right: 4px solid #e35971;
	}

a.menu:hover	{
	color: #ff838a;
	background-color: #fddcc2;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 14px;
	text-align: right;
	}
 
</style>
</head>

<a href="#" target="_self" class="menu"><span class="number">004</span> Link</a>
	<a href="#" target="_self" class="menu"><span class="number">005</span> Link</a>
	<a href="#" target="_self" class="menu"><span class="number">006</span> Link</a>
 <h1>ME</H1>
name <u>»</U>BUBBLEgum
Birthday<u>»</U> 4.1.200<b>8</b>
age<u>»</U>1day
creator<u>»</U><b>Sany<br>(ceres-aven) <3</b>♥ 
</div>

<div id="content"> 
	<h1>lorem ipsum</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum mauris nulla, ornare ut, dignissim et, condimentum id, lorem. Morbi neque felis, tempor eu, malesuada vehicula, adipiscing sed, arcu. Fusce ac eros auctor erat tincidunt porta. Nullam massa lacus, adipiscing sed, scelerisque ut, suscipit vitae, ante. Nunc enim odio, posuere et, congue vitae, rutrum vitae, massa. Vestibulum ligula lorem, molestie eget, varius dignissim, vehicula eget, nunc. Nunc convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis orci. Suspendisse in lacus fermentum tellus sagittis suscipit. Fusce vestibulum sem in lorem. Morbi ultrices, tortor vel convallis iaculis, mi lectus scelerisque diam, nec porta mauris turpis non enim. Nunc posuere pulvinar felis. Vestibulum sed odio. Curabitur cursus. Aenean ac nulla. Nam pulvinar elementum tellus. Sed urna.

Proin a est. Donec lacus purus, venenatis quis, nonummy in, pellentesque pulvinar, quam. Praesent ullamcorper massa vitae justo. Praesent neque. Vivamus rhoncus, lacus et sagittis luctus, magna ipsum volutpat diam, non tincidunt nisi enim quis erat. Maecenas porttitor tortor ac metus. In gravida lectus sit amet urna. Donec pulvinar. Duis sed ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur vehicula pharetra velit. Praesent velit ante, consectetuer id, rhoncus at, hendrerit eget, lectus. Cras odio. Suspendisse potenti. In hac habitasse platea dictumst. Etiam ac sem. Aliquam erat volutpat. Nulla mollis congue massa. Nunc ultrices nisl vitae massa. Vivamus nulla est, sollicitudin commodo, pellentesque quis, porta vitae, est.

Vestibulum risus lectus, venenatis eu, ultrices sit amet, rutrum eget, felis. Quisque feugiat. Nam interdum, felis nec ullamcorper condimentum, mauris tortor ultrices nulla, eget aliquet nisi nunc eget velit. Proin nec nisl. Vivamus rhoncus libero ac nulla. Donec bibendum. Curabitur nibh mi, tristique nec, tempor non, malesuada in, eros. Etiam tempus turpis a augue. Etiam nunc libero, laoreet vel, dapibus sed, posuere sit amet, mauris. Curabitur eget leo. Cras bibendum. Suspendisse potenti. Cras gravida. Nulla felis. Suspendisse ac massa sit amet metus fermentum sollicitudin. Proin metus sem, aliquam in, varius a, convallis egestas, mauris.

Sed sodales congue tellus. Sed ultrices sodales odio. Nulla at massa. Phasellus non ligula quis magna rhoncus facilisis. Etiam vitae est. Phasellus sit amet lectus. Integer scelerisque nisi. Mauris vel felis. Donec varius, neque ac bibendum malesuada, massa turpis facilisis orci, sit amet molestie nisl nunc sed orci. Nullam quam. Nam placerat nunc sed orci feugiat dictum.

Nam sit amet nulla eu felis feugiat dapibus. Curabitur tristique ultricies quam. Vivamus ligula. Aenean vel velit id velit mollis sollicitudin. Vestibulum sem felis, laoreet non, egestas ac, venenatis sit amet, lectus. Nunc viverra sodales turpis. Phasellus porta justo eget erat. Aenean pulvinar ultricies sapien. Pellentesque felis. Donec viverra orci cursus elit.

CSS: <b>Bold</b>, <i>Italic</i>, <u>Underlined</u><a href="#" target="_blank">Link</a><br />

Important important important! Do not delete this stuff here!<br />
	<b>Designer</b> · <a href="http://ceres-aven.createblog.com/" target="_blank">Ceres-aven @cb</a><br >

</tr>	
		<tr>
      	<style type="text/css"></style>

<script type="text/javascript" src="/i.js"></script></body>

</html>