Sasuke - close to the light

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

A Sasuke layout :)

Layout Code

Copy and paste to Template HTML

Help

<title>{Sasuke}close to the light</title>
<style type="text/css">

body	{
	background-color: #fff;
	background-image: url(http://cbimg6.com/layouts/08/09/31479aa.png);
	background-repeat: repeat-y;
	color: #000;
	font-family: verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
        word-spaceing:2px;
	z-index: 1;
        scrollbar-arrow-color:  #0ad9f5;
        scrollbar-track-color: #fff;
        scrollbar-face-color:  #ccc;
        scrollbar-highlight-color:  #ccc;
        scrollbar-3dlight-color:   #ccc;
        scrollbar-darkshadow-color: #ccc;
        scrollbar-shadow-color: #ccc;
	}

#sasuke	{
	background-image:url(http://cbimg6.com/layouts/08/09/31479ab.png);
	width: 640px;
	height: 480px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 386px;
	left: 231px;
	top: 471px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 154px;
	left: 58px;
	top: 471px;
	position: absolute;
	z-index: 4;
	}

h1	{
	color: #fff;
	font-family: century gothic;
	font-size: 12px;
	font-style: none;
	font-weight: none;
	text-decoration:;
	text-transform: uppercase;
	text-align: center;
	background-color: #0ad9f5;
letter-spaceing:2px;
      
	}

b, strong	{
	color: #272ca6;
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

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

u 	{
	color: #0ad9f5;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px dashed#fff; 
	}

a:link, a:active, a:visited	{
	color: #272ca6;
	font-family: arial;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;

}
	
a:hover	{
	color: #ccc;
	font-family: arial;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
        
	}
	
.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #272ca6;
	background-color: #fff;
	font-family: century gothic;
	font-size: 10px;
	letter-spacing:2px;
        padding:1px;
        display:block;
        text-transform: uppercase;
	line-height: 10px;
	text-align: left;
	}

a.menu:hover	{
	color: #fff;
	background-color: #0ad9f5;
	font-family: century gothic;
	font-size: 10px;
	font-style: normal;
	font-weight: none;
padding:1px;
	text-decoration: none;
		line-height: 10px;
	text-align: left;
display:block;
letter-spacing:2px;
text-transform: uppercase;
	}

.number	{
	color: #ffffff;
	}

</style>
</head>
<body>
<div id="sasuke"></div>

<li>Name:sasuke Uchia
        <li>Likes: unkown
        <li>Dislikes: Itachi
        
	
	<h1>Navigation</h1>
	<a href="#" target="_self" class="menu"> Link</a>
	<a href="#" target="_self" class="menu"> Link</a>

<h1>+ links</h1>

<h1>Music</h1>

put music here.

<h1>+ stuff</h1>
	<center>

put anything you want here; shout boxses, sasuke icons, links ect.

</center>

<h1>credits</h1>

layout :<a href="http://www.freewebs.com/ffz3/index.htm">ffz3</a>
<br>
<br>

</div>

<div id="content">
<h1>Header  h1 here</h1>

<s>strike</s><b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href="#" target="_blank">Link~!</a><br />

<br>
Replace this replace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace this...for the sake of your site

<h1>Header  h1 here</h1>

<s>strike</s><b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href="#" target="_blank">Link~!</a><br />

replace this replace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace thisreplace this...for the sake of your site

</div>

Layout Comments

Showing latest 3 of 3 comments

Cool. Personally I like content and nav areas to have a different colored bg than the page bg though. xD

By dreamgurl36 on Sep 20, 2008 12:40 pm

cool but when you tilted the image it lost a lot of quality. The CSS looks awesome though.

By Blaqheartedstar on Sep 20, 2008 3:01 am

this is gorgeous; i love sasuke.
=]

By hemophobicvampire on Sep 20, 2008 12:32 am

Layout Details

Designer	deadaccount
Submitted on	Sep 20, 2008
Page views	3,879
Favorites	11
Comments	3
Reviewer	schizo
Approved on	Sep 20, 2008

Sasuke - close to the light

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates