Skyline

Designer's Comments

Look carefully for specific instructions

I've had quite a few ask if they can use the codes for their own, and yes you can ONLY under one circumstance, that i require some sort of credit for my work, that is all

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>S K Y L I N E v.1</title>

body {
	background-color:#ffffff;
	background-image:url(http://cbimg6.com/layouts/10/08/36491ac.png);
	background-repeat:repeat-x;
}

img {
	padding:5px;
}
#maincontainer {
	position:absolute;
	left:319px;
	top:412px;
	width:554px;
	height:607px;
	z-index:1;
}

h1 {
	background-color:#f2f2f2;
	font-size:16px;
	color:#929292;
	height:20px;
	text-transform:uppercase;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#c6c6c6;
	letter-spacing:3px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#c6c6c6;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#c6c6c6;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#c6c6c6;

}

h2 {
	font-size:12px;
	width:183px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#c6c6c6;
	letter-spacing:3px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#c6c6c6;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#c6c6c6;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#c6c6c6;
	background-image:url(http://cbimg6.com/layouts/10/08/36491ad.png);
}

#table {
	font-size:13px;
	background-color:#ededef;
	padding:5px;
	color:#534f4f;
	border-bottom-style:solid;
	border-bottom-color:#c8c8c9;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-color:#c8c8c9;
	border-top-width:1px;
	border-left-style:solid;
	border-left-color:#c8c8c9;
	border-left-width:1px;
	border-right-style:solid;
	border-right-color:#c8c8c9;
	border-right-width:1px;

}

#header {
	position:absolute;
	left:0px;
	top:0px;
	width:1041px;
	height:404px;
	z-index:2;
	background-image:url(http://cbimg6.com/layouts/10/08/36491ae.png);

}
#SiteTitle {
	position:absolute;
	left:426px;
	top:297px;
	width:233px;
	height:23px;
	z-index:3;
	overflow:hidden;
	color:#5b7073;
	letter-spacing:5px;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	font-family:"Palatino Linotype";
}
a.nav:active, a.nav:visited, a.nav:link {
    display:Inline-block;
	color:#6f899f;
    font-family:georgia;
	text-align: center;
	width:85px;
    font-size:10px;
    font-weight:None;
    text-decoration:none;
    letter-spacing:3px;
    line-height:10px;
	text-transform:uppercase;

}

a.nav:hover {
	display:Inline-block;
    color:#9abad5;
    font-family:georgia;
	text-align: center;
    font-size:10px;
	width:85px;
    font-weight:normal;
    text-decoration: none;
    letter-spacing:3px;
    line-height:10px;
	text-transform:uppercase;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#bbbaba;

}

a.link:active, a.link:visited, a.link:link {
    display:block;
	color:#8f9b9d;
    font-family:georgia;
	text-align: left;
    font-size:11px;
    font-weight:None;
    text-decoration:none;
    line-height:14px;
	height:16px;
	width:183px;
	background-image:url(http://cbimg6.com/layouts/10/08/36491af.png);

}

a.link:hover {
	display:block;
    color:#626c6e;
    font-family:georgia;
	text-align: left;
    font-size:11px;
    font-weight:normal;
    text-decoration: none;
    line-height:14px;
	margin-left:3px;
	height:16px;
	background-image:url(http://cbimg6.com/layouts/10/08/36491ag.png);

}

#RightNav {
	position:absolute;
	left:896px;
	top:437px;
	width:183px;
	height:649px;
	z-index:4;
	font-size:12px;
	color:#6f7a79;
}

#TopNav {
	position:absolute;
	left:235px;
	top:377px;
	width:853px;
	height:36px;
	z-index:5;
}
#LeftNav {
	position:absolute;
	left:111px;
	top:437px;
	width:183px;
	height:649px;
	z-index:6;
	font-size:12px;
	color:#6f7a79;
}

blockquote {
	width:400px;
	color:#929292;
	font-size:12px;
	border-left-color:#d4d4d4;
	border-left-width:3px;
	border-left-style:solid;
	border-right-color:#d4d4d4;
	border-right-width:3px;
	border-right-style:solid;
	background-color:#f2f2f2;
}

-->
</style>
</head>
<div id="header"></div>
<div id="SiteTitle">The Site Title </div>

<div id="table">
<h1>Hello there</h1>
<blockquote>This is a blockquote section<br />
<p><img src="http://cbimg6.com/layouts/10/08/36491aa.png" width="88" height="31" align="left"/>

<li type="circle">No stealing</li>
<li type="circle">No redistributing</li>
<li type="circle">Do not call as your own</li>
<li type="circle">You can tamper with the codes</li>
<li type="circle">At least one of the following credits should remain visible</li>
<li type="circle">You can use my codes as your own, just contact me via createblog first, otherwise it would be stealing.</li>

</blockquote>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede,

</div>  
<p>
  <div id="table">
    <h1>My name is ____</h1>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede,</p>

</div>    
<p>

<div id="table">
    <h1>Extra table</h1>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede,</p>

</div>    
  
<p>

</div>

<div id="TopNav">
<a href="../link" class="nav">Home</a>
<a href="../link" class="nav">Site</a>
<a href="../link" class="nav">Content</a>
<a href="../link" class="nav">About</a>
<a href="../link" class="nav">Blog</a>
<a href="../link" class="nav">Info</a>
<a href="../link" class="nav">Contact</a>
<a href="http://justleah.createblog.com" class="nav">Designer</a>

</div>

<div id="RightNav">
<h2>About..</h2>
<img src="http://cbimg6.com/layouts/10/08/36491ab.png" width="100" height="100" align="left"/>
Lorem ipsum dolor sit amet,  adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus,

<h2>Navigate</h2>
<a href="../link" class="link">Clear</a>
<a href="../link" class="link">Sitely</a>
<a href="../link" class="link">visitor</a>
<a href="../link" class="link">Friends</a>
<a href="../link" class="link">Interact</a>
<a href="http://justleah.createblog.com" class="link">Designer</a>

<h2>Archives</h2>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>

</div>

<div id="LeftNav">
<h2>Webmaster</h2>
<p><img src="http://cbimg6.com/layouts/10/08/36491aa.pngg" width="88" height="31" /></p>
<p>
  
  Lorem ipsum dolor sit amet,  adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus,
</p>
<h2>Quicklinks</h2>

<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>

<h2>Affiliates</h2>

<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a>
<a href="../link" class="link">Linkage</a></div>

Layout Comments

Showing latest 7 of 7 comments

id love to use for a church website,thx :)

By msbig1 on Sep 7, 2012 12:00 pm

S K Y L I N E v.1

The Site Title

Hello there
This is a blockquote section

No stealing
No redistributing
Do not call as your own
You can tamper with the codes
At least one of the following credits should remain visible
You can use my codes as your own, just contact me via createblog first, otherwise it would be stealing.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede,

My name is ____
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede,

Extra table
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede,

Home
Site
Cont ent
About
Blog
Info
Contac t
Designer

About..

Lorem ipsum dolor sit amet, adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,

Navigate
Clear
Sitel y
visitor
Friends
Interact

Designer

Archives
Linka ge
Linkage
Linkage
Linkage

Linkage
Linkage

Webmaster

Lorem ipsum dolor sit amet, adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,

Quicklinks

Linkag e
Linkage
Linkage
Linkage
Linkage
Linkage

Affiliates

Linkage
Linkage
Linkage

Linkage
Linkage
Linkage
Li nkage

By ganzorig on Jan 22, 2012 2:24 am

Beautiful Girl Don Kama

By aqkk on Oct 7, 2011 12:10 pm

Can I use the coding for my fansite? I'll leave you credit for the style/code..

By bbyxvivian on Nov 5, 2010 11:34 pm

love it! using stylsheet, will keep your credit visible! thank you!

By mystiicdesigns on Oct 20, 2010 7:52 pm

i LOVE this

By MxCHAELA on Oct 10, 2010 7:36 pm

Very beautiful definitely very professional looking its elegant and classy looking. Its very smooth and not all chaotic at all. Amazing job you did!!

By Victoria322821 on Sep 8, 2010 1:10 pm

Layout Details

Designer	JustLeah
Submitted on	Aug 17, 2010
Page views	14,977
Favorites	49
Comments	7
Reviewer	jiyong
Approved on	Aug 30, 2010

Skyline

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates