Winter Wonderland! V.1

Website Templates / 3+ Columns

Designer's Comments

Look carefully for specific instructions

I took the image from my backyard! yay!

Ask me in a PM if you would like the image.

CREDIT

Layout Code

Copy and paste to Template HTML

Help

<title>^_^ Winter Wonderland! ^_^</title>

</head><style type="text/css">

A:link { text-decoration: none;  color: white;}
A:visited { text-decoration: none; color: white;}
A:hover { text-decoration: none; color: black; font-weight: bold; font-family: arial bold;}

b {font-weight: bold; color:black; font-family: arial black; font-size: 10px;}
i {font-style: italic; color: white;}
u {text-decoration: underline; color: white; border-bottom: 1px dotted black;}

body {
overflow: auto;
background-color: black;
margin: 0px;
padding: 0px;
color:#000000;
background-image:url("http://cbimg6.com/layouts/09/03/33991ab.png");
background-repeat: repeat-y;
font-family: arial;
font-size: 10px;}

#content {width:413px; position:absolute; left:190px; top:300px;  text-align: left;}
#navigation01 {width:178px;  position:absolute; left: 612px; top:300px;  text-align: left;}
#navigation02 {width: 178px;  position:absolute; left: 5px; top: 300px;  text-align: left;}

h1 {display: show; font-size: 20px; font-family: arial; color: white; background-color: black; height: 20px; text-align: center;border-bottom: 3px ridge grey; margin-bottom: 0px;}
h2 {display: block; font-size: 10px; font-family: arial thin; text-align: right; letter-spacing: 2px; color: #808080; background-color: white; margin-top: 0px;}
h3 {display: block; font-size: 20px; text-align: left; color: white; word-spacing: 2px;}
</style></head><body><img src="http://cbimg6.com/layouts/09/03/33991aa.png" border="0" style="top: 0px; left:0px; width: 795px;" />

<div id="navigation01">
<h1>LINKS</h1>
<h2>Your Header Subtitle</h2>
<p>This is where ALL of you content goes! YAY! You don't have to make it scroll but it will.</p>

<p>You can change the content and the link names but please do not alter the layout any other way or remove the credit. Please do not alter the image in any way shape or form. This layout took me a while to make and please don't waste the time I put in it.

<p>To really use this layout you will need to know basic knowledge of html. You can also request some more tutorials or ask for some help. I will gladly help you! :)

<p>I tested this in IE, Safari, and FF; so those are the recomended browsers. I made it in IE then resized it in FF and Safari so really firefox and safari are the best used with this layout. I have a 1152x864 screen size so this layout may be to big for your screen and just perfect in mine. I hope you enjoy it! :)

<p><b>Bolded text</b><br><i>Italic text</i><br><u>Underlined text</u><br><a href="#">link</a></p>
</div><div id="navigation02">
<h1>Your Header Title</h1>

<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>

<h3>Credits</h3>
Layout by: <a href="http://www.foreverangel.info/" target="_blank">Erin @ Forever Angel</a>
Image Taken by: <a href="http://theerinkal.createblog.com/" target="_blank">Erin</a>

</div>

<h1>About This Layout....</h1>
<h2>Your Header Subtitle</h2>
<p>This is where ALL of you content goes! YAY! You don't have to make it scroll but it will.</p>

<p>You can change the content and the link names but please do not alter the layout any other way or remove the credit. Please do not alter the image in any way shape or form. This layout took me a while to make and please don't waste the time I put in it.

<p>To really use this layout you will need to know basic knowledge of html. You can also request some more tutorials or ask for some help. I will gladly help you! :)

<p>I tested this in IE, Safari, and FF; so those are the recomended browsers. I made it in IE then resized it in FF and Safari so really firefox and safari are the best used with this layout. I have a 1152x864 screen size so this layout may be to big for your screen and just perfect in mine. I hope you enjoy it! :)

<p><b>Bolded text</b><br><i>Italic text</i><br><u>Underlined text</u><br><a href="#">link</a></p>

<h1>Your Header Title</h1>

<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>

<h3>A Third Header</h3>
<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>

<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>

</div>

</body>
</html>