like Madonna

Designer's Comments

Look carefully for specific instructions

I say i want to start new!
so
THAT is fpr me my firt laoyut..or 3.

Layout Code

Copy and paste to Template HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>"SHE" is like madonna</title>

<style>

body	{
	background-color: #1a1a1a;        
	background-image: url();
        background-attachment: fixed;
        background-position: right; 
        background-repeat:repeat-y;
	color: #1c4467;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	z-index: 1;
	}

/* ------ LAYOUT ------ */	
#header	{
	background-image: url(http://cbimg6.com/layouts/08/01/13/24611aa.png);
	width: 800px;
	height: 600px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 630px;
	left: 80px;
	top:250px;
	position: absolute;
	z-index: 3;
	}

#navigation3	{
	width: 500px;
	left: 80px;
	top: 220px;
	position: absolute;
	z-index: 4;
	}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #a4ed3c;
	font-family: tahoma;
	font-size: 15px;
	font-style: none;
	font-weight:bold;
	text-decoration:none;
	text-transform:none;
	text-align: right;
	background-color: #transparent;
        border-bottom: 3px dotted #78b6f2; 
       
	}
/* ------ TEXT FORMATIONS ------ */
b, strong	{
	color: #e81cba;
	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: #ebebeb;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	}

u 	{
	color: #95e71f;
	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 #000000;
	}

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

#hmenu {
width: 800px;
margin-top: 0px;
margin-left: 6px;
margin-right: 0;
 
}

#navigation3 {
   list-style: none;

}
#navigation3 li {
   float: left;
}
#navigation3 li a {
   font-family: arial,sans-serif;
   font-size: 9px;
   text-transform: uppercase;
   display: block;
   background: #a1caed ;
   width: 30px;
   text-align: center;
   color: #7ab722;
   padding: 8px 0;
}
#navigation3 li a:hover {
   background: #eb2ac0 ;
   color: #ebebeb ;
} 
</style>
</head>

</div>
  
<div id="content">
<div style="overflow: auto; width: 600px; height: 350px;">
<h1>lorem Ipsum</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas pretium ante vitae ligula. Sed venenatis felis eu erat. Maecenas non lectus. Vivamus quam. Nullam nec neque sed erat suscipit cursus. Morbi molestie. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer mi. Fusce odio nunc, lacinia id, facilisis sed, pretium vel, nulla. Cras turpis libero, malesuada non, porttitor et, auctor non, neque.

Nulla dolor. Quisque neque augue, fermentum eu, feugiat non, pulvinar at, sapien. Sed vel sapien sed est mattis bibendum. Quisque et mauris. Proin arcu risus, tempor et, tincidunt eget, tristique ac, libero. Ut elementum, sapien faucibus tincidunt molestie, nunc mauris tempus nunc, ac placerat sem ipsum a nisl. Integer ut dolor ac eros pellentesque luctus. Vivamus quis ante. Nam ipsum mauris, consectetuer eu, convallis vitae, commodo sit amet, purus. Suspendisse consectetuer. Nullam nisi nunc, pharetra non, laoreet sit amet, cursus sed, est.

Etiam suscipit sem eget nisl. Sed sit amet lacus et purus tincidunt ultrices. Sed arcu diam, placerat sed, auctor non, vestibulum a, elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Morbi nulla diam, tempor et, auctor suscipit, commodo vel, nunc. Aenean ut tellus. Integer convallis, libero quis fermentum gravida, tellus urna dignissim massa, non elementum nisi mi vitae justo. Donec rutrum leo cursus lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam laoreet, mi in lacinia laoreet, velit lacus hendrerit sem, venenatis lacinia ipsum risus mollis ligula. Donec justo. Donec eget lacus eget mi dapibus auctor. Suspendisse arcu dui, tristique a, condimentum sed, convallis et, orci. Vivamus facilisis metus eu magna. Ut id mauris. Etiam turpis tellus, consectetuer et, iaculis at, gravida vel, nisi. Sed vitae est a purus porttitor vestibulum. Cras sem. Aliquam sapien tellus, tempus a, interdum eu, dapibus a, dolor. Morbi sollicitudin enim at orci.
 
<h1>Credits</h1>
Layout by <a href="http://ceres-aven.createblog.com/">Ayashi no "CERES"& he"AVEN" </a> *lol*<br>

image by  <a href="http://happyline.deviantart.com/art/Buffy-She-s-like-Madonna-59089581">http://happyline.deviantart.com</a>
<h1>Vestibulum porta</h1>Vestibulum porta, , massa vitae molestie mattis, sapien sapien fringilla risus, tempor elementum purus libero vitae nulla. In orci metus, mollis at, varius id, adipiscing vitae, nisl. Curabitur a orci. Nam nulla orci, tempus molestie, mollis ac, posuere eu, nunc. Etiam et felis id arcu facilisis varius. Aenean nulla lacus, tincidunt sit amet, fermentum sit amet, ullamcorper ac, mi. Maecenas pede nisi, ultricies nec, vulputate vel, gravida eu, libero. Ut sed ligula sit amet dolor consectetuer tincidunt. Pellentesque dapibus. Quisque non nunc sit amet est sollicitudin aliquet. Nam id neque eu metus tempus condimentum. Praesent metus enim, vestibulum sit amet, varius vel, pellentesque vitae, ligula. Duis orci massa, mattis ut, lobortis sed, lacinia vitae, diam. Morbi condimentum vulputate massa. Maecenas a metus. Curabitur lorem ipsum, ultrices non, tempus nec, pellentesque eget, nisl.

Aliquam nec velit id ante ultricies euismod. Phasellus ut ipsum. Sed viverra libero vitae ante. Duis justo justo, auctor vel, placerat facilisis, bibendum vitae, est. Integer eleifend consectetuer sem. Nam sed urna. Sed interdum hendrerit dui. Vivamus non massa. Curabitur lorem lorem, volutpat id, tristique eu, lacinia ut, tortor. Maecenas pellentesque. Vivamus augue. Proin vel lacus. Sed in quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam ac erat. Sed lacinia faucibus elit. Etiam elementum. Nam ac tellus at ipsum varius hendrerit.

Aliquam dictum magna vel ipsum. Integer odio. Sed neque diam, tempus in, cursus a, porta consequat, metus. Pellentesque metus. Donec bibendum sapien id massa. Pellentesque at enim sed massa posuere lobortis. Morbi aliquam diam ac felis. Donec in lacus nec mauris tempor ultricies. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris ultricies ligula nec felis. Sed ut libero. Maecenas sed nisl. Curabitur imperdiet velit. Praesent rhoncus adipiscing ipsum. Nulla metus magna, aliquet et, adipiscing in, gravida in, magna. Etiam aliquam facilisis dolor. Cras luctus luctus neque. Sed id mauris a nulla tempor imperdiet. Vivamus nunc. Duis lectus eros, placerat ut, feugiat nec, dictum sit amet, massa.
 
</div>
</div>
		<tr>
			<td>
</div>
		
			</div>

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

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

</html>

Layout Comments

Showing latest 9 of 9 comments

Woahh, if you made the vector yourself, it's AMAZING, I must say. I've always loved those colors together, so I really like this layout :) I like the nav, too!

By umbreon on Jan 15, 2008 8:33 pm