First love

Designer's Comments

Look carefully for specific instructions

My first layout :P

Layout Code

Copy and paste to Template HTML

<html>
<head>
<title> SITENAME.COM </title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #dededf;
	color: #549cd7;
	font-size: 10px;
	line-height: 16px;
	font-family: Arial;

}

#content {
	background-color: #FFFFFF;
	width: 1024px;
	margin: 0 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	min-height: 500px;
	background-image: url(http://cbimg6.com/layouts/09/10/35798ab.png);
	float: right;	}

#main {
	margin-top: 370px;
	width: 500px;
	position: absolute;
	top: 0;
	right: 10px;
	}

#side {
	margin-top: 39px;
          margin-left: 310px;
	width: 200px; 
	position: absolute;
	}

a{
	text-decoration: none;
	color: #32659a;

}

a:hover {
	text-decoration: none;
	color: #e26ac1;
          background-color:white;
          background-repeat: no-repeat
	}

h1 {
	font-family: "Arial Black";
	text-transform: uppercase;
	letter-spacing: -2px; 
	color: #fffdfe;  
	}    
h2 {
	font-family: "arial";
	text-transform: uppercase;
	font-size: 20px;
	color: #ad8bbb;  
	}

a.navigation:link, a.nav:visited, a.nav:active {
	color : #c457b2;
	letter-spacing: 10px;
	display : block;
  	height:16px;
  	text-transform:lowercase;
  	font-size:14px;
  	width: 150px;
          font-family: Times new Roman;  
  	background: rgba(160,130,160,0.2); 
  	padding: 0px 0px 0px 10px;
  	line-height:14px;
	margin:10px 0px 2px 1px;
}

a.navigation:hover {
	color : white; 
  	background-color: #ddc0d8; 
  	width: 150px;
  	margin-left: -10px;
}

b,strong {
          color: #C64C6A;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

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

u 	{
	color: #C64C6A;
	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 #1780e3;
	}

blockquote {
	background-color:#ffffff;
	font-family: Arial;
	font-size: 10px;
	font-style: italic;
	line-height:15px;
	padding: 15 0 15 0px;
  	padding-left: 38px;
	color: #908f8a;
  	margin-left: 0px;
	text-align:left;
          border-left: 20px solid #df6596;
         border-right: 20px solid #64a4e6;
} 
 -->
</style></head>

<body>

<h1>NAVIGATION</h1>
<a class="navigation" href="#">HOME</a>
 <a class="navigation" href="#">WEBMISS</a>
<a class="navigation" href="#">Trash</a>
<a class="navigation" href="#">Domain</a>
<a class="navigation" href="#"> Affiliates</a>

<h2> About me</h2>
<img style="float: left;" src="http://cbimg6.com/layouts/09/10/35798aa.png" /> <u>content </u><br> content 
content content content content
 content content content content content content 
content content content content content content
 content content content content content 
<h1>Header</h1>
content content content content content content
 content content content content content content 
content <i>content </i>content content content content
 content content content content content content 
content content content content content content
 
<h2>Header</h2>
content content content content content content
 content content content content content content 
content content<b> content content</b> content content
 content content content content content content 
content content content content content content
<h1>Credits</h1> 
<b>Images :</b> <a href="http://aethereality.net/"> Aethereality / Full Moon Wo Sagashite /Arina Tanemura</a><br>

<b>Textures : </b><a href="http://hybrid-genesis.com/">Hybrid Genesis</a> <br>
                                 <b>Brushes  : </b><a href="http://hybrid-genesis.com/">Hybrid Genesis</a>  <br>
			   <b>Designed by  : </b><a href="http://celestialdicio.createblog.com/">Amara K . / CelestialDicio</a>

</div>

<h1>HEADER</h1></P>
 <i>Lorem ipsum dolor sit amet,</i><b> consetetur sadipscing elitr</b>, <u>aed diam nonumy eirmod </u>tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
<blockquote>
       Quote: Conveniet nulli, qui secum dissidet ipse </blockquote>
			 <div>
			  
			 </div>
<p>
			 <<h1>Lorem Ipsum ...</h1></P>

<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
			
		
			 </div>
			 
</div>
</body>
</html>

Layout Comments

Showing latest 7 of 7 comments

thx :)

By CelestialDicio on Oct 12, 2009 8:09 am

This looks pretty good! The only things I dislike is the way you spaced out your navigation links and their text, and the white headers are hard to read on such a bright background. Otherwise, good job!

By Mikeplyts on Oct 11, 2009 5:17 pm

wow for a first layout this is phantastic!
Your navi is kinda weird though, in the way that it shrinks XD
thats just my opinion though~

By baiorin on Oct 10, 2009 3:05 am

Love the colors. Good job. (:

By futura on Oct 8, 2009 7:35 am

Welcome ^.^

By Snaily on Oct 8, 2009 12:09 am

thx :D

By CelestialDicio on Oct 7, 2009 11:23 am

This is Very pretty!
Congrats for this being your 1st layout ^ ^!

By Snaily on Oct 7, 2009 2:36 am

Layout Details

Designer	CelestialDicio
Submitted on	Oct 3, 2009
Page views	8,230
Favorites	30
Comments	7
Reviewer	elletricity
Approved on	Oct 7, 2009

First love

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates