Skyline

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

STACKED RUBBISH!

layout archive + services > baretta.uni.cc
* Special Promotional Offer happening now! See above for details!

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>Skyline</title>
</head>

<body>

YOUR SITE TITLE

</div>

<h1>Extra Space</h1>
You can use this space to include a small profile with information or use it for special links.

<ul>
<li><a href="">Special Link</a></li>
<li><a href="">Special Link</a></li><br>
</ul>

<h1>Title Here</h1>

<br>

<h1>Credits</h1>
<ul>
<li><a href="http://baretta.uni.cc">Fainaru</a></li>
<li><a href="http://textuures.uni.cc/">Textuures</a></li>
<li><a href="http://baretta.awardspace.com/terms.php">Terms of Use</a></li>
</ul>

</div>

<h1>Skyline by Fainaru</h1>
<b>July 25, 2007</b><br>
I need to start working with the pen tool more. Get into more complicated shapes and experiment a bit. I need to learn how to work Wordpress too, I think this design would look very WP friendly, but it will do as a site layout for now. If you like this sort of template, you can always <a href="http://baretta.awardspace.com/services.php">order a custom design from me</a> to suit your preferences.<br><br>

I ask that you please <b>do not</b> take this as a chance to replace the layout image with your own. Should you feel like replacing the image <i>or</i> using this coding, <b>contact me first for permission</b>. I will not bite your head off, nor hunt you down - I'm trusting that whoever uses this will do so responsibly. You can take off the navigation credit links, but leave the footer ones in tact. I have never given out so much leeway to users, please do not take it for granted. If you have any questions, click on the Terms link to review anything troubling you.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a> ·</b> <a href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS 2.0"><b>Valid CSS 2.0</b></a></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>Do not claim this layout as yours.</li>
<li>Keep at least the footer credit in tact.</li>
<li>Do not edit the layout image/stylesheet.</li>
</ul>

<br>

<h1>Using this Layout</h1>
<ul type="circle">
<li>Follow the guildlines within index.html to know where to insert content.</li>
<li>To create multiple pages with the same design, simply copy and paste what is in code onto a new page.</li>
<li>It is advised you know at least the basics of HTML to ensure the layout works.</li>
<li>Any questions concerning the layout can be addressed <a href="http://baretta.uni.cc/">here</a> or <a href="http://cornerbanners.uni.cc/">here</a>.</li>
<li>Remember that the Terms of Use always applies if you plan to use this layout.</li>
</ul>
<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<table>

<tr>
	<td><strong>Website</strong></td>
	<td><input size="40" name="Website">
</tr>

<tr>
	<td><strong>Comment</strong></td>
	<td><textarea name="Comment" cols="40" rows="7" class="inputsize"></textarea>
</tr>

<tr>

</table>
</form>

</blockquote>

</div>

<div id="footer"><br>© Site/Your Name · <a href="http://baretta.awardspace.com/">Layout</a> <a href="http://textuures.uni.cc/">©</a> <a href="http://fainaruu.awardspace.com/">Source</a> · <a href="http://createblog.com/">Createblog.com</a></div>

</div>

<head>
<style type="text/css">
/* Designed by Fainaru - fainaruu.uni.cc */

body {
	background: #337488 url(http://cbimg9.com/layouts/07/07/25/19945aa.jpg) top repeat-x;
	margin: 0;
        padding: 0;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	font-size: 8pt;
	color: #262729;
	line-height: 17px;
        text-align: center;
}

td { 	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; font-size:8pt;}

b, i, u { letter-spacing: 1px; }

h1 {
	font:18pt "georgia"; 
	margin:0 0 5px 0;
	color:#326779;
	letter-spacing:2px;
	border-bottom:#FFF 1px dotted;
}

a:link, a:Visited, a:active {
	font-size: 8pt;
	color:#01405F;
        font-weight: bold;
	text-decoration: none;
}

a:hover { color: #7DC5DD; }

/* Designed by Fainaru - textuures.uni.cc */

input, textarea, option, select {    
	font-size: 8pt;
	border: 0px;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
        color: #E9F1F4;
        background: #5CAFCF;
}

div#container {
	background: #076998 url(http://cbimg9.com/layouts/07/07/25/19945ab.jpg) top repeat-y;
	margin: 0 auto 0 auto;
	text-align: justify;
	width: 780px;
}

div#wrap {
	background: url(http://cbimg9.com/layouts/07/07/25/19945ac.jpg) top no-repeat;
        height: 500px;
	padding: 50px 40px 0 45px;
}

div#title {
	font: 23pt "trebuchet ms";
	color: #FFF;
	text-align: left;
        letter-spacing: 3px;
        text-transform: uppercase;
	margin: 0 0 30px 300px;
}

/* Designed by Fainaru - baretta.uni.cc */

#nav ul {
	list-style: none;
	margin: 1px;
	padding: 0px;
        width: 185px;
	font-family: Trebuchet MS;
	font-size:12pt;
	letter-spacing:2px;
}

#nav li a:visited, #nav li a:link {
        margin-top: 5px;
        display:block;
	padding: 3px 0px 3px 10px;
	border-bottom:#FFF 1px dotted;
        color:#fff;
}

#nav li a:hover, #nav li a:active {
	color:#86E468;
	border-bottom:#86E468 1px dotted;
}

div#navigation {
        float:right;
	padding: 0 0 0 0;
	margin-top:-10px;
        width: 185px;
}

div#navigation a { height: 15px; }

div#content { 
	width: 480px;
        float: left;
	padding: 0 0 0 0;
}

div#footer {
	background: url(http://cbimg9.com/layouts/07/07/25/19945ad.jpg) bottom no-repeat;
	height: 80px;
	clear: both;
        width: 780px;
        text-align: center;
}

blockquote {
	background:#E7E7E7;
	border:0px;
	margin: 10px 20px 10px 25px;
        padding: 10px 10px 30px 10px;
}
</style>
</head>

</body>
</html>

Layout Comments

Showing latest 10 of 22 comments

i loveee this layout

By shawtiegotem on Nov 11, 2009 7:03 am

Index.html is the default page your link leads a visitor, in other words, if I had webuildfire.com, the link would lead me to the index.html file. You can use the template for any page name, it just so happens if you don't want to use a splash page, you should put the code in the index.html as default. If you want to use a splash page, you would lead visitors to your welcome.html link with the template.

By fainaru on Jul 5, 2008 1:17 pm

I think I might use this temporairly it's beautiful
I was wondering if you could help me out though, you mention index.html, my index.html is in a notepad file and I only have my home page html in there.... when I change that files name to welcome.html the website works fine still. So what I'm asking is what is the index.html?

By webuildfire on Jul 2, 2008 2:18 am

I love this! I'm using it for my website:
http://www.zeitgeist films.webs.com
Thank you. =]

By crueldade on Jun 9, 2008 11:24 am

This is my favorite of yours. this layout looks very professional. GREAT job!!!!!

By emberfly on Mar 21, 2008 11:22 pm

You can go find some email scripts around the web. If you have php enabled, there are many great options. If not, I highly recommend the one at jotform.com

And I do paid commissions, I've lowered the cost substantially starting at $15 (from $50 :D)

By fainaru on Feb 2, 2008 8:45 pm

I really love this! I might use this as a temp. design for now, thanks!

How exactly do you get the e-mail script to work? And is there any chance that you can do any commissions in the near future :)?

By m4rtin on Feb 1, 2008 7:38 am

Love the design - simple, yet effective. I'm the webmistress for my Senior Class website and I was wondering if I could use your template and just change a few things. I understand if you say no - it's just that I'm good with coding, just not starting it from scratch. I totally suck in that aspect lol. So if you could hit me back with a response, that would be awesome. Thanks a lot!

By laylacitababy on Aug 30, 2007 7:02 pm