Caledonian Castle :) (FIREFOX)

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

I made the layout using firefox..so it looks a bit odd in ie. Meh >_>

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>layout by avocadosnap</title>

a:hover, a:active {
color: #bee9d7;
cursor: default;
text-decoration: none;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
word-spacing: 1.7px;}

b {color: #97dabb; font-size: 9px;}
u {color: #d1d1d1; border-bottom: 1px solid #8cceb2; font-size: 9px;}
i {color: #d1d1d1; font-size: 9px;}

#wrapper {
width: 790px;
margin: 10px auto 10px auto;
padding: 0px;
text-align: left;
background: #ffffff;
}
#header {
width: auto;
border: none;
}
#container {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
background-image: url("http://cbimg6.com/layouts/08/01/02/24341ac.jpg");
background-repeat: repeat-y;
background-position: 0px 0px;
}
#left {
width: 150px;
height: auto;
float: left;
padding: 10px;
margin: 15px;
}
#right {
width: 420px;
height: auto;
float: right;
padding: 15px 40px 15px 40px;
margin: 0px;
}
#right p {
margin: 0px;
}
.clearer {
font-size: 0px;
height: 0px;
width: 100%;
display: block;
clear: both;
}
#footer {
padding: 7px;
margin: 0px;
background-image: url("http://cbimg6.com/layouts/08/01/02/24341ad.jpg");
}
#footer p {
margin: 0px auto 0px auto;
padding:0px 10px 0px 10px;
color: #ffffff;

</style>
</head>
<body>

<h1>basics</h1>

<p><b>name:</b> Harry Potter?<br>
<b>age:</b> 18 years <s>old</s><br>
<b>location:</b> in a box. with corners and pretty colors.<br>
<b>listening to:</b> timbuktu! <3<br>
<b>mood:</b> meh. <br>
<br>Feel free to edit the text/links/whatever as much as you'd like, as long as you don't edit the actual code and remove the credit bit. thanks. :]

</p>

<h1>links</h1>

<p>

<br>

</p>

<h1>credit</h1>

<p>
<br> <b>Layout:</b> <a href="http://www.myspace.com/sopopcorn">avocadosnap</a> 
<br> <b>Image: </b> <a href="http://dark-spider.deviantart.com/">dark-spider</a>
<br> <b>Brush: </b> <a href="http://sanami276.deviantart.com/">Sanami276</a>
</p>

</div>

<h1>just put anything heree</h1>
<br>

<p>

<br><a href="#">link</a> <b>bold</b> <u>underline</u> <s>strikethrough</s> <i>italics</i>.

<br><br>The layout was made FOR firefox, and therefore looks a bit different in IE (the text looks a bit odd and the layout isn't centered). So, there's no need to point it out. Unless of course - it's so ugly that you simply
must point it out, or else might die. Can't hold that against you, now, can I? :]

<br><br><b>DON'T REMOVE CREDITS! </b> I will hunt you down and stab you in the eye with a rusty fork. Yes. Fork. Sporks are SO 2007. Bwah.

<p/>

<h1>drive until you lose the road</h1>

<br> you can just put anything here. lame surveys. a huuuuuge biography. pictures. A my little pony tribute video? idk.

<br><br>Bla bla bla  bla bla  bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

<br><br> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

</div>
<div class="clearer"></div>
</div>
<div id="footer"><p>.</p><p>.</p></div>
</div> 
 </body>
</html>

Layout Comments

Showing latest 10 of 13 comments

i like this layout :D

By paper99pad on Nov 1, 2008 11:24 pm

and actually the only difference I see in IE is there is a set off problem. so the code is just probably in a wrong spot, god i love code errors.. not.

By signifiedreign on Mar 3, 2008 9:15 pm

There obviously is a way to correct the error although you would need to fix your options for whomever is viewing your website, and there definitely is a fix out there like that for this.. do a little digging. :P

By signifiedreign on Mar 3, 2008 9:14 pm

Hey, was just wondering - I'd love to use the layout for my RPG's website, but I'd need to change the image at the top, and the green to blue - would you be ok with me doing that? I'd still leave all the credit there, but if you're not ok with it just let me know, I'll understand. ^_^ Awesome layout btw.

By augustepiphany on Feb 20, 2008 6:06 am

It reminds me of You in an odd sort of way .. I loves it though

By DierdreNightshade on Feb 6, 2008 2:31 pm

I like that it looks so simple and clean in a peaceful way. I love this ;)

By shiruji on Jan 17, 2008 10:14 am

I love the image

By IVIike on Jan 3, 2008 11:13 pm

The picture is really nice :) calm. Haha, "Name: Harry Potter?"

By umbreon on Jan 2, 2008 7:56 pm

Thanks guys :)

I like the big gap. Well, I like it in Firefox. That's why it's there. o.O
It looks sort of dumb in IE where it's twice as big, though. >_>

By avocadosnap on Jan 2, 2008 6:01 pm

Oh, this is nice!

By tokyo-rose on Jan 2, 2008 5:55 pm

View all »

Layout Details

Designer	avocadosnap
Submitted on	Jan 2, 2008
Page views	11,036
Favorites	70
Comments	13
Reviewer	freeflow
Approved on	Jan 2, 2008

Caledonian Castle :) (FIREFOX)

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates