sophisticated

Designer's Comments

Look carefully for specific instructions

... :D

Layout Code

Copy and paste to Template HTML

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

}

#content {
	background-color: #FFFFFF;
	width: 1024px;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 768px;
	background-image: url(http://cbimg6.com/layouts/09/10/35816aa.png);  
	float:left ;	}

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

#footer {
    position:fixed;
    background:#efefef;
    text-align:center;
    top:768px;
    width:400px;
}

a{
	text-decoration: none;
	color:b786a4;

}

a:hover {
	text-decoration: none;
	color: #9e9ca0; 
          background-color:#e1dcd6;
	}
 
h1 {
	font-family: "monotype corsiva"; 
	letter-spacing: 2px; 
	color: #bb8ba7;    
           font-size: 40px;
	}    
a.navigation:link, a.nav:visited, a.nav:active {
	color : #b27c98;  
	letter-spacing: 5px;
	display : block; 
  	height:20px;
          text-transform:lowercase;  
  	font-size:14px;
  	width: 150px;
          text-align: center; 
          background-color: #f4f4f4;      
          font-family: Times new Roman;  
  	padding: 0px 0px 0px 10px;
  	line-height:20px;
	margin: 12px 0px 2px 1px;
          
}

a.navigation:hover {
	color : #bfcfbb;  
  	background-color: #ffffff;  
  	width: 150px; 
          text-transform:uppercase; 
          border-bottom-width:2px;
          border-bottom-style:solid; 
          border-bottom-color:#c87e7d; 
}

b,strong {
          color: #d57278;
	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: #bb8ba7;   
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	}

u 	{
	color: #d57278;
	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 solid #e1dcd6;
	}

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>

<a class="navigation" href="#"><u>H</u>OME</a> 
<a class="navigation" href="#"><u>M</u>ademoisell</a> 
<a class="navigation" href="#"><u>4</u>you</a>
<a class="navigation" href="#"><u>C</u>redits</a>
<a <br>

</div>  	 
<div style="position: absolute; top: 160px; left: 270px; height: 200; width: 600px;overflow: auto;" id="side">

<a class="navigation" href="#"><b>g</b>allery</a> 
<a class="navigation" href="#"><b>l</b>ink out</a>
<a class="navigation" href="#"><b>l</b>ink in</a>
<a class="navigation" href="#"><b>D</b>omain</a>
 <br>

</div>
  	 
<div style="position: absolute; top: 160px; left: 455px; height: 200; width: 600px;overflow: auto;" id="side">

<a class="navigation" href="#"><i>H</i>istory</a> 
<a class="navigation" href="#"><i>e</i>nd</a>
<a class="navigation" href="#"><i>l</i>ink</a>
<a class="navigation" href="#"><i>l</i>ink</a>
 <br>

</div>

<div align="justify"

style="solid;

background:transparent;

border-collapse: collapse;

overflow:auto;

border: 0px #FFFFFF solid;

position:absolute;

width: 945px;
 
height: 370px;

left: 10px;

top: 370px;">

<h1>Lorem Ipsum!</h1>

<b>Lorem ipsum</b> <i> dolor sit amet</i> <u> consetetur sadipscing</u> <a  href="http://celestialdicio.createblog.com/">sed diam  nonumy</a> 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.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
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. 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.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
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.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

</div> 
<div id="footer_container">
    <div id="footer">
        <i>Credits : Layout by :<a  href="http://celestialdicio.createblog.com/"> Amara K.</a> Pictures by :<a  href="http://gallery.aethereality.net/">gallery.aethereality</a></i>
    <div> 
</div>
<script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body>
</html>

Layout Comments

Showing latest 10 of 14 comments

thanks :D

By CelestialDicio on Oct 25, 2009 2:50 pm

Oh wow, great job on this. The navigation links are pretty nifty.

By Mickey on Oct 24, 2009 9:10 am

Gorgeous. :)

By JennyThePirate on Oct 18, 2009 10:24 pm

Very pretty! :o)

By Karisa85 on Oct 12, 2009 5:11 pm

I was so silly xD its really nunally^^

By CelestialDicio on Oct 12, 2009 4:09 am

wow, this looks very nice and creative yet smooth too. I sort of like the navigation, but that the way you made the text look in the navigation links is kinda ehh

By Mikeplyts on Oct 11, 2009 1:06 pm

OH NOW I KNOW WHY THAT GIRL LOOKS FAMILIAR!..
It's Nunnally isn't it?!

By Snaily on Oct 11, 2009 12:51 pm

The Picture is from a code geass Artbook - i saw all episodes of code geass & never saw that girl - i dont know

By CelestialDicio on Oct 11, 2009 10:48 am

i also like the header... it's ... angelic?

By x-one2three on Oct 11, 2009 9:28 am

i like the navigation links hovers

By x-one2three on Oct 11, 2009 9:27 am

View all »

Layout Details

Designer	CelestialDicio
Submitted on	Oct 10, 2009
Page views	8,439
Favorites	30
Comments	14
Reviewer	manny-the-dino
Approved on	Oct 10, 2009

sophisticated

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates