Solar

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!

(Title Text Pixelated due to Background contrast)

Layout Code

Copy and paste to Template HTML

Help

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

<title>Solar</title>
</head>

<body>

</div>

YOUR SITE TITLE

</div>

<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>Solar by Fainaru</h1>
<b>July 23, 2007</b><br>
After making this layout, I realized a few things. Large title headers can take a lot away from a design, if used incorrectly. In the case of Solar, thank blocks for saving this slick template. I've switched from my standard dear Verdana, to a more suitable Tahoma. 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>

It's been quite a while since a website design was submitted from me, so I want to clear things up with this opportunity. 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><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: #076998 url() top repeat-x;
	margin: 0;
        padding: 0;
	font-family: tahoma, verdana, sans-serif;
	font-size: 8pt;
	color: #0266A2;
	line-height: 16px;
        text-align: center;
}

td { font-family: tahoma, verdana, sans-serif; font-size:8pt}

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

h1 {
	padding: 3px 15px 3px 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	background: #015B99;
	margin:0 0 5px 0;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:2px;
}

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

a:hover { color: #F18523; }

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

input, textarea, option, select {    
	font-size: 8pt;
	border: 0px;
	font-family: verdana, sans-serif;
        color: #8AD1FD;
        background: #118AD1;
}

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

div#wrap {
	background: url(http://cbimg9.com/layouts/07/07/23/19861ab.jpg) top no-repeat;
        height: 500px;
	padding: 0 50px 0 50px;
}

div#title {
	font: 23pt "century gothic";
	color: #FFF;
	text-align: left;
        letter-spacing: 5px;
        text-transform: uppercase;
	margin: -120px 0 110px 10px;
}

#bot { margin-top:0; margin-left:40px; margin-right:-100px;}

#bot a {
	font-weight: bold;
	text-transform:uppercase;
	margin-right:80px;
	line-height:17pt;
}

#top { 	padding-top:40px; text-align:right; margin-bottom:207px; line-height:12px; }

#top a {
	font-weight: bold;
	text-transform:uppercase;
	margin-right:40px;
	margin-left:40px;
}

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

#nav ul {
	list-style: none;
	margin: 1px;
	padding: 0px;
        width: 175px;
}

#nav li a:visited, #nav li a:link {
        margin-top: 5px;
        display:block;
	padding: 3px 0px 3px 18px;
        background: #98CAE2;
}

#nav li a:hover, #nav li a:active {
        color:#fff;
        background: #FF9A18;
}

div#navigation {
        float:left;
	padding: 0 0 5px 0;
	border: #015B99 1px solid;
}

div#navigation a { height: 15px; }

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

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

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

</body>
</html>

Layout Comments

Showing latest 10 of 11 comments

do you still have the psd? I may be willing to buy for a couple of dollars?

By jonwatkins on Apr 12, 2009 11:40 am

Simply stunning. =]

By simplyshereena on Oct 18, 2008 12:33 pm

I love this like crazy. I'm probably going to use this for a website I'm going to maybe probably not make. Ha. I'm much to lazy to make my own, and this is perfecttt.

Thanks in advance if I end up using it. =D

By adolelolz on Jan 8, 2008 10:18 pm