top css image sitely

Welcome

Hello peace_signs_p_p! I'm Leaf, and I welcome you to a little page I like to call Simple CSS! Like it's name, you'll find collections of clean CSS layouts, as well as a few image-based layouts.

February 13th, 2012

I can't believe how long it has been since my last update! I feel like I've been letting you all down T.T

I'm very ashamed to say that I don't have any new layouts right now. I've got all the sketches and the programs, but just not the motivation. Perhaps check back somewhere in the spring or next weekend? Maybe I'll have new content by then

Also, I'm very sorry if you have applied to be an affiliate in the past month or so. I've been terrible at going through my neomails and inbox. At the moment, I don't have much time. Thanks for understanding!~

January 5th, 2012

Now affies with the amazing Emily's CSS! ^_^

I'll see what I can get coded today ;)

January 4th, 2012

I'm BACK!!! It's been nearly a month since this site was last active, but I've returned to make a come-back! This layout took me so long to code, but I'm really happy with its outcome! I'll get to coding new layouts right away!

My laptop recently got a virus, so I lost Firefox and am now using Google Chrome. The layouts may be altered differently now that I'm using a new browser, so we'll see...

Also, Happy New Years! I'm 3 days late, but I hope you all are enjoying 2012! I've just checked the counter and we are past 1,000 views! Thank you so much everyone! I know I haven't been adding anything new, but it's so nice to know that people haven't forgotten Simple CSS!

Things to Know

Please leave the credit on all layouts! You may of course edit minor things (headers, font, colors, images, etc.) but the credit must stay.

Please don't claim the layout (and coding) or redistribute it as your own. I spend a lot of time making and coding them

All layouts are Best Viewed on Firefox. Not all fonts work in other browsers

CSS

Crinkled

<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #ccccff; } i { color: #99ccff; font-size: 7.8pt; } a:link, a:visited { color: #cccccc; text-decoration: none; } a:hover { color: #ccccff; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i55.tinypic.com/14wstom.png"); } #simple { left: 505px; top: 100px; height: 303px; width: 450px; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #img { left: 150px; top: 0px; } #nav { top: 417px; left: 420px; z-index: 300; width: 590px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 90px; background: none; color: white; margin: 1px; display: block; } a.navi:hover { font: 8.5pt century gothic; color: whitesmoke; } h1 { margin-top: 3px; color: #ccccff; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #cccccc; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { margin-top: 3px; color: #ccccff; font: 10pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #cccccc; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #ccccff; background: white; border: 1px solid #ccccff; margin: 3px; height: 17px; width: 88px; } #updates { margin: 0px auto; margin-top: 428px; margin-left: 517px; width: 430px; height: 115px; overflow: auto; text-align: center; line-height: 17px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> </div> <div id="img" style="position: absolute;"> <img src="http://i54.tinypic.com/16i8duw.png" border="0"> </div> <div id="updates" style="position: absolute;"> <h3>Date Here</h3> <li>Put your updates here! If you write enough, it even scrolls! ^_^ </li> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four''"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> </div> </div>	<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #ffcc99; } i { color: #ffcc99; font-size: 7.8pt; } a:link, a:visited { color: #ffcc99; text-decoration: none; } a:hover { color: #ffcc66; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i53.tinypic.com/eb206c.png"); } #simple { left: 505px; top: 100px; height: 303px; width: 450px; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #img { left: 150px; top: 0px; } #nav { top: 417px; left: 420px; z-index: 300; width: 590px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 90px; background: none; color: white; margin: 1px; display: block; } a.navi:hover { font: 8.5pt century gothic; color: whitesmoke; } h1 { margin-top: 3px; color: #ffcc99; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #ffcc66; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { margin-top: 3px; color: #ffcc99; font: 10pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #ffcc66; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #ffcc99; background: white; border: 1px solid #ffcc99; margin: 3px; height: 17px; width: 88px; } #updates { margin: 0px auto; margin-top: 428px; margin-left: 517px; width: 430px; height: 115px; overflow: auto; text-align: center; line-height: 17px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> </div> <div id="img" style="position: absolute;"> <img src="http://i51.tinypic.com/2wm29oj.png" border="0"> </div> <div id="updates" style="position: absolute;"> <h3>Date Here</h3> <li>Put your updates here! If you write enough, it even scrolls! ^_^ </li> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/nyh9q9.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/nyh9q9.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/nyh9q9.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/nyh9q9.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/nyh9q9.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/nyh9q9.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/nyh9q9.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/nyh9q9.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> </div> </div>	<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #ffcc99; } i { color: #ffcc99; font-size: 7.8pt; } a:link, a:visited { color: #ffcc99; text-decoration: none; } a:hover { color: #ffcc66; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i55.tinypic.com/2agkbwi.png"); } #simple { left: 505px; top: 100px; height: 303px; width: 450px; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #img { left: 150px; top: 0px; } #nav { top: 417px; left: 420px; z-index: 300; width: 590px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 90px; background: none; color: white; margin: 1px; display: block; } a.navi:hover { font: 8.5pt century gothic; color: whitesmoke; } h1 { margin-top: 3px; color: #ffcc99; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #ffcc66; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { margin-top: 3px; color: #ffcc99; font: 10pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #ffcc66; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #ffcc99; background: white; border: 1px solid #ffcc99; margin: 3px; height: 17px; width: 88px; } #updates { margin: 0px auto; margin-top: 428px; margin-left: 517px; width: 430px; height: 115px; overflow: auto; text-align: center; line-height: 17px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> </div> <div id="img" style="position: absolute;"> <img src="http://i53.tinypic.com/bj7ar6.png" border="0"> </div> <div id="updates" style="position: absolute;"> <h3>Date Here</h3> <li>Put your updates here! If you write enough, it even scrolls! ^_^ </li> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i53.tinypic.com/jkbzph.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/jkbzph.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/jkbzph.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/jkbzph.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i53.tinypic.com/jkbzph.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/jkbzph.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/jkbzph.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/jkbzph.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> </div> </div>
<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #ccff99; } i { color: #99cc99; font-size: 7.8pt; } a:link, a:visited { color: #99cc99; text-decoration: none; } a:hover { color: #ccff99; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i52.tinypic.com/n1wc1v.png"); } #simple { left: 505px; top: 100px; height: 303px; width: 450px; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #img { left: 150px; top: 0px; } #nav { top: 417px; left: 420px; z-index: 300; width: 590px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 90px; background: none; color: white; margin: 1px; display: block; } a.navi:hover { font: 8.5pt century gothic; color: whitesmoke; } h1 { margin-top: 3px; color: #99cc99; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #99cc66; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { margin-top: 3px; color: #99cc99; font: 10pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #ccff99; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #ccff99; background: white; border: 1px solid #ccff99; margin: 3px; height: 17px; width: 88px; } #updates { margin: 0px auto; margin-top: 428px; margin-left: 517px; width: 430px; height: 115px; overflow: auto; text-align: center; line-height: 17px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> </div> <div id="img" style="position: absolute;"> <img src="http://i52.tinypic.com/14884k.png" border="0"> </div> <div id="updates" style="position: absolute;"> <h3>Date Here</h3> <li>Put your updates here! If you write enough, it even scrolls! ^_^ </li> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> </div> </div>	<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #cc99ff; } i { color: #cc99cc; font-size: 7.8pt; } a:link, a:visited { color: #cc99cc; text-decoration: none; } a:hover { color: #cc99ff; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i51.tinypic.com/2la4f12.png"); } #simple { left: 505px; top: 100px; height: 303px; width: 450px; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #img { left: 150px; top: 0px; } #nav { top: 417px; left: 420px; z-index: 300; width: 590px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 90px; background: none; color: white; margin: 1px; display: block; } a.navi:hover { font: 8.5pt century gothic; color: whitesmoke; } h1 { margin-top: 3px; color: #cc99ff; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #cc99cc; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { margin-top: 3px; color: #cc99ff; font: 10pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #cccccc; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #ccccff; background: white; border: 1px solid #ccccff; margin: 3px; height: 17px; width: 88px; } #updates { margin: 0px auto; margin-top: 428px; margin-left: 517px; width: 430px; height: 115px; overflow: auto; text-align: center; line-height: 17px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> </div> <div id="img" style="position: absolute;"> <img src="http://i53.tinypic.com/ftioeb.png" border="0"> </div> <div id="updates" style="position: absolute;"> <h3>Date Here</h3> <li>Put your updates here! If you write enough, it even scrolls! ^_^ </li> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four''"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i56.tinypic.com/wcbwqp.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i56.tinypic.com/wcbwqp.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i56.tinypic.com/wcbwqp.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i56.tinypic.com/wcbwqp.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i56.tinypic.com/wcbwqp.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i56.tinypic.com/wcbwqp.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i56.tinypic.com/wcbwqp.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i56.tinypic.com/wcbwqp.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> </div> </div>	<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #ff99cc; } i { color: #ff99ff; font-size: 7.8pt; } a:link, a:visited { color: #ffccff; text-decoration: none; } a:hover { color: #ff99ff; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i56.tinypic.com/2jbv237.png"); } #simple { left: 505px; top: 100px; height: 303px; width: 450px; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #img { left: 150px; top: 0px; } #nav { top: 417px; left: 420px; z-index: 300; width: 590px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 90px; background: none; color: white; margin: 1px; display: block; } a.navi:hover { font: 8.5pt century gothic; color: whitesmoke; } h1 { margin-top: 3px; color: #ff99ff; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #ff99cc; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { margin-top: 3px; color: #ff99ff; font: 10pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #cccccc; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #ffccff; background: white; border: 1px solid #ffccff; margin: 3px; height: 17px; width: 88px; } #updates { margin: 0px auto; margin-top: 428px; margin-left: 517px; width: 430px; height: 115px; overflow: auto; text-align: center; line-height: 17px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> </div> <div id="img" style="position: absolute;"> <img src="http://i55.tinypic.com/23vneih.png" border="0"> </div> <div id="updates" style="position: absolute;"> <h3>Date Here</h3> <li>Put your updates here! If you write enough, it even scrolls! ^_^ </li> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four''"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i54.tinypic.com/n6vm1w.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i54.tinypic.com/n6vm1w.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i54.tinypic.com/n6vm1w.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i54.tinypic.com/n6vm1w.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i54.tinypic.com/n6vm1w.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i54.tinypic.com/n6vm1w.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i54.tinypic.com/n6vm1w.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i54.tinypic.com/n6vm1w.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> </div> </div>

Features

Anchored: 6 Links

Separate Updates box

Crinkled' edges design

Good For

Any site

Squared

<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #ccff99; } i { color: #99cc99; font-size: 7.8pt; } a:link, a:visited { color: #99cc99; text-decoration: none; } a:hover { color: #ccff99; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i53.tinypic.com/35k4w7k.png"); } #banner { left: 270px; top: 115px; border: 3px solid white; height: 85px; width: 622px; } #simple { left: 420px; top: 225px; height: 303px; width: 480px; background-color: white; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #nav { top: 220px; left: 270px; z-index: 300; width: 110px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 110px; background: #99cc99; color: white; margin: 3px; padding: 8px; display: block; } a.navi:hover { font: 8.5pt century gothic; color: whitesmoke; } h1 { margin-top: 3px; color: #99cc99; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #99cc66; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { margin-top: 3px; color: #99cc99; font: 10pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #ccff99; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #ccff99; background: white; border: 1px solid #ccff99; margin: 3px; height: 17px; width: 88px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> <a href="#seven" class="navi">seven</a> <a href="#eight" class="navi">eight</a> </div> <div id="banner" style="position: absolute;"> <img src="http://i53.tinypic.com/2gwuk5t.png" border="0"> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="seven"></a> <div class="css"> <h1>Page 7</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="eight"></a> <div class="css"> <h1>Page 8</h1> <center> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> </center> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> </div> </div>	<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #ccff99; } i { color: #99cc99; font-size: 7.8pt; } a:link, a:visited { color: #99cc99; text-decoration: none; } a:hover { color: #ccff99; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i56.tinypic.com/28irujl.png"); } #pic { left: 270px; top: 100px; } #simple { left: 508px; top: 257px; height: 303px; width: 465px; background: transparent; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #nav { top: 410px; left: 268px; z-index: 300; width: 250px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 98px; background: #99cc99; color: white; margin: 3px; padding: 7px; display: block; } a.navi:hover { font: 8.7pt century gothic; color: whitesmoke; } h1 { margin-top: 3px; color: #99cc99; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #99cc66; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { margin-top: 3px; color: #99cc99; font: 10pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #ccff99; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #ccff99; background: white; border: 1px solid #ccff99; margin: 3px; height: 17px; width: 88px; } #updates { top: 100px; left: 745px; background-color: white; height: 150px; width: 230px; overflow: auto; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> <a href="#seven" class="navi">seven</a> <a href="#eight" class="navi">eight</a> </div> <div id="pic" style="position: absolute;"> <img src="http://i52.tinypic.com/24g1s02.png" border="0"> </div> <div id="updates" style="position: absolute;"> <h2>Date here!</h2> <li>Put your updates here! </li> <li>Put your updates here! </li> <li>Put your updates here! </li> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="seven"></a> <div class="css"> <h1>Page 7</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="eight"></a> <div class="css"> <h1>Page 8</h1> <center> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> </center> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> </div> </div>	<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #999999; } i { color: #666666; font-size: 7.8pt; } a:link, a:visited { color: #cccccc; text-decoration: none; } a:hover { color: #666666; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i220.photobucket.com/albums/k550/saranqhae/1gl.png"); } #dividertop { left: 430px; top: 140px; height: 31px; width: 387px; } #dividerbottom { left: 430px; top: 490px; height: 31px; width: 387px; } #simple { left: 430px; top: 180px; height: 303px; width: 387px; background-color: white; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #nav { top: 180px; left: 320px; z-index: 300; width: 60px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 60px; background: white; color: #999999; margin: 3px; padding: 10px; display: block; } a.navi:hover { font: 8.7pt century gothic; color: #cccccc; } h1 { margin-top: 3px; color: #999999; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #cccccc; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #cccccc; background: white; border: 1px solid #cccccc; margin: 3px; height: 17px; width: 88px; } #update { left: 840px; top: 180px; height: 150px; width: 160px; background: white; overflow: auto; } #button { left: 840px; top: 340px; height: 150px; width: 160px; background: white; overflow: auto; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> <a href="#seven" class="navi">seven</a> </div> <div id="dividertop" style="position: absolute;"> <img src="http://i56.tinypic.com/27zxjth.png" border="0"> </div> <div id="dividerbottom" style="position: absolute;"> <img src="http://i52.tinypic.com/34j9atl.png" border="0"> </div> <div id="update" style="position: absolute;"> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <div id="button" style="position: absolute;"> <center> <br><a href="/~nature_for3st"><img src="http://i55.tinypic.com/34oepz5.png" border="0"></a> <br>[textarea][/textarea] <br><a href="/~nature_for3st"><img src="http://i55.tinypic.com/34oepz5.png" border="0"></a> <br>[textarea][/textarea] <br><b><a href="#seven">More?</a></b> </center> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="seven"></a> <div class="css"> <h1>Page 7</h1> <center> <div style="width: 370; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> </center> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~lazahrus">49 Days</a> </li> <li>Dividers by <a href="/~la_roque">The Lunch Box</a> </li> </div> </div>
<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #ccff99; } i { color: #99cc99; font-size: 7.8pt; } a:link, a:visited { color: #99cc99; text-decoration: none; } a:hover { color: #ccff99; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i53.tinypic.com/35k4w7k.png"); } #banner { left: 230px; top: 80px; border: 3px solid white; height: 472px; width: 259px; } #simple { left: 500px; top: 80px; height: 477px; width: 500px; background-color: white; overflow: hidden; } .css { height: 477px; overflow: auto; padding: 1px; } #nav { top: 560px; left: 227px; z-index: 300; width: 800px; } a.navi:link, a.navi:visited, a.navi:active { font: 9pt century gothic; text-align: center; float: left; width: 80px; background: #99cc99; color: white; margin: 3px; padding: 5.5px; display: block; } a.navi:hover { font: 8.5pt century gothic; color: whitesmoke; } h1 { margin-top: 3px; color: #99cc99; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #99cc66; font: 16pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { margin-top: 3px; color: #99cc99; font: 10pt century gothic; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #ccff99; text-align: left; } TEXTAREA { font: 7.5pt tahoma; color: #ccff99; background: white; border: 1px solid #ccff99; margin: 3px; height: 17px; width: 88px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> <a href="#seven" class="navi">seven</a> <a href="#eight" class="navi">eight</a> </div> <div id="banner" style="position: absolute;"> <img src="http://i41.tinypic.com/sgo8io.png" border="0"> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="seven"></a> <div class="css"> <h1>Page 7</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="eight"></a> <div class="css"> <h1>Page 8</h1> <center> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i55.tinypic.com/vdlona.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> </center> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> </div> </div>	COMING SOON!	COMING SOON!

Features

Anchored: Ranges from 7-8 Links

2 Contain separate updates box

Changeable Images

Good For

Any site

Image-based

Sided

<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #99ccff; } i { color: #99ccff; font-size: 7.8pt; } a:link, a:visited { color: #99ccff; text-decoration: none; } a:hover { color: #99cccc; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i56.tinypic.com/fuw3fk.jpg"); } #pic { left: 0px; top: 0px; } #simple { left: 480px; top: 140px; height: 303px; width: 465px; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #nav { top: 136px; left: 430px; z-index: 300; width: 50px; } a.navi:link, a.navi:visited, a.navi:active { font: 7pt small fonts; text-align: center; float: left; width: 40px; background: white; color: #99ccff; margin: 2px; padding: 2px; display: block; } a.navi:hover { font: 6.5pt small fonts; color: #99cccc; } h1 { margin-top: 3px; color: #99ccff; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #99cccc; font: 16pt century gothic; text-transform: lowercase; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { font-weight: bold; font-family: georgia; text-align: left; color: white; padding-left: 15px; text-transform: lowercase; font-size: 25pt; font-style: italic; letter-spacing: -1px; } TEXTAREA { font: 7.5pt tahoma; color: #cccccc; background: white; border: 1px solid #cccccc; margin: 3px; height: 17px; width: 88px; } #title { top: 80px; left: 600px; width: 480px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> </div> <div id="pic" style="position: absolute;"> <img src="http://i55.tinypic.com/67hx0o.jpg" border="0"> </div> <div id="title" style="position: absolute;"> <h3>Site Name Here!</h3> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <center> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> </center> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> <li>Textures & PNG by <a href="/~liahness">Nienke's Resources</a> </li> </div> </div>	<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } #nav table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #cc99ff; } i { color: #cc99cc; font-size: 7.8pt; } a:link, a:visited { color: #cc99cc; text-decoration: none; } a:hover { color: #cc99ff; cursor: crosshair; text-decoration: -blocked-; } p { margin-left: 7px; margin-right: 7px; text-indent: 12px; } body { background: url("http://i54.tinypic.com/orjt6q.jpg"); } #pic { left: 0px; top: 6px; } #simple { left: 480px; top: 140px; height: 303px; width: 465px; overflow: hidden; } .css { height: 303px; overflow: auto; padding: 1px; } #nav { top: 143px; left: 430px; z-index: 300; width: 50px; } a.navi:link, a.navi:visited, a.navi:active { font: 7pt small fonts; text-align: center; float: left; width: 40px; background: white; color: #cc99cc; margin: 2px; padding: 2px; display: block; } a.navi:hover { font: 6.5pt small fonts; color: #cc99ff; } h1 { margin-top: 3px; color: #cc99cc; font: 24pt century gothic; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #cc99ff; font: 16pt century gothic; text-transform: lowercase; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-align: left; } h3 { font-weight: bold; font-family: georgia; text-align: left; color: white; padding-left: 15px; text-transform: lowercase; font-size: 25pt; font-style: italic; letter-spacing: -1px; } TEXTAREA { font: 7.5pt tahoma; color: #cc99cc; background: white; border: 1px solid #cc99cc; margin: 3px; height: 17px; width: 88px; } #title { top: 80px; left: 600px; width: 480px; } </style> <div id="nav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> </div> <div id="pic" style="position: absolute;"> <img src="http://i53.tinypic.com/slmkic.png" border="0"> </div> <div id="title" style="position: absolute;"> <h3>Site Name Here!</h3> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <h1>Header One</h1> <p>This is your new layout! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking, but please leave the credit. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <center> <div style="width: 425; height: 65px; overflow: auto; background-color: white; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i53.tinypic.com/20pv5gj.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/20pv5gj.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/20pv5gj.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/20pv5gj.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i53.tinypic.com/20pv5gj.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/20pv5gj.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/20pv5gj.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i53.tinypic.com/20pv5gj.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> </center> <h2>Credit</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~gyvany">Foomanshu</a> </li> <li>Textures & PNG by <a href="/~liahness">Nienke's Resources</a> </li> </div> </div>	<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #99ccff; } i { color: #99ccff; font-size: 7.8pt; } a:link, a:visited { color: #99cccc; text-decoration: none; } a:hover { color: #99ccff; cursor: crosshair; text-decoration: -blocked-; } body { background: url("http://i40.tinypic.com/30wtmkh.png"); } table { background-color: transparent; } #simple { left: 535px; top: 50px; height: 485px; width: 550px; overflow: hidden; } .css { height: 485px; overflow: auto; padding: 1px; } #img { left: 0px; top: 0px; } #sitenav { top: 180px; left: 1105px; z-index: 300; width: 50px; } a.navi:link, a.navi:visited, a.navi:active { color: #99ccff; font: 5pt small fonts; text-transform: uppercase; text-align: left; background: white; float: left; width: 50px; margin: 2px; padding: 3px; display: block; } a.navi:hover { font: 5pt small fonts; text-transform: uppercase; color: #99cccc; } h1 { margin-top: 3px; color: #99ccff; font: 22pt century gothic; text-transform: uppercase; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #99cccc; font: 18pt century gothic; text-transform: lowercase; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1.5px dashed #cccccc; text-align: right; } h3 { margin-top: 3px; color: #66ccff; font: 25pt century gothic; text-transform: uppercase; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } TEXTAREA { font: 7.5pt tahoma; color: #cccccc; background: white; border: 1px solid #cccccc; margin: 1px; height: 17px; width: 88px; } #title { top: 0px; left: 500px; height: 70px; width: 300px; } </style> <div id="sitenav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> </div> <div id="img" style="position: absolute;"> <img src="http://i44.tinypic.com/6prf2q.png"> </div> <div id="title" style="position: absolute;"> <h3>site name here</h3> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p><img src="http://i40.tinypic.com/atx2sh.png" style="float: left; padding: 3px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <p><img src="http://i40.tinypic.com/atx2sh.png" style="float: left; padding: 3px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <p><img src="http://i40.tinypic.com/atx2sh.png" style="float: left; padding: 3px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <p><img src="http://i40.tinypic.com/atx2sh.png" style="float: left; padding: 3px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <div style="width: 535; height: 65px; overflow: auto; background-color: none; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> <h2>Credits</h2> <center> <table><tr> <td> <center> <a href="/~nature_for3st"><img src="http://i1116.photobucket.com/albums/k573/nienkju4/leaf2-1.gif" border="0"></a> </center> </td> </tr></table> </center> </div> </div>
<style> .sf { display: none; width: 0px; height: 0px; } table { visibility: hidden; } #simple table { visibility: visible !important; } tr, td, table, body, .text { visibility: -blocked-; font-family: verdana; font-size: 7.8pt; padding: 2px; line-height: 17px; text-align: left; color: #999999; } b { color: #999999; } i { color: #cccccc; font-size: 7.8pt; } a:link, a:visited { color: #99cccc; text-decoration: none; } a:hover { color: #99cccc; cursor: crosshair; text-decoration: -blocked-; } body { background: url("http://i1115.photobucket.com/albums/k550/saranqhae/s13.png"); } table { background-color: transparent; } #simple { left: 370px; top: 190px; height: 375px; width: 550px; overflow: hidden; } .css { height: 375px; overflow: auto; padding: 1px; } #img { left: 220px; top: 90px; } #sitenav { top: 568px; left: 365px; z-index: 300; width: 650px; } a.navi:link, a.navi:visited, a.navi:active { color: #999999; font: 5pt small fonts; text-transform: uppercase; text-align: center; background: white; float: left; width: 50px; margin: 1px; padding: 5px; display: block; } a.navi:hover { font: 5pt small fonts; text-transform: uppercase; color: #cccccc; } h1 { margin-top: 3px; color: #999999; font: 22pt century gothic; text-transform: uppercase; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } h2 { margin-top: 3px; color: #cccccc; font: 18pt century gothic; text-transform: lowercase; padding: 1px; font-weight: normal; margin-left: 8px; margin-right: 8px; border-bottom: 1.5px dashed #cccccc; text-align: left; } h3 { margin-top: 3px; color: white; font: 25pt century gothic; text-transform: uppercase; padding: 3px; margin-left: 8px; margin-right: 1px; text-align: center; } TEXTAREA { font: 7.5pt tahoma; color: #cccccc; background: white; border: 1px solid #cccccc; margin: 1px; height: 17px; width: 88px; } #title { top: 70px; left: 500px; height: 70px; width: 300px; } #button { left: 250px; top: 340px; height: 90px; width: 100px; overflow: auto; } </style> <div id="sitenav" style="position: absolute;"> <a href="#one" class="navi">one</a> <a href="#two" class="navi">two</a> <a href="#three" class="navi">three</a> <a href="#four" class="navi">four</a> <a href="#five" class="navi">five</a> <a href="#six" class="navi">six</a> <a href="#seven" class="navi">seven</a> <a href="#eight" class="navi">eight</a> <a href="#nine" class="navi">nine</a> </div> <div id="img" style="position: absolute;"> <img src="http://i40.tinypic.com/24kxfmt.png"> </div> <div id="button" style="position: absolute;"> <center> <a href="/~nature_for3st"><img src="http://i42.tinypic.com/168u1ye.jpg" border="0"></a> <br>[textarea] [/textarea]<br><a href="#nine">More?</a> </center> </div> <div id="title" style="position: absolute;"> <h3>site name here</h3> </div> <div id="simple" style="position: absolute;"> <div class="css"> <a name="one"></a> <h1>Header One</h1> <p><img src="http://i39.tinypic.com/23sw83o.png" style="float: right; padding: 2px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="two"></a> <div class="css"> <h1>Page 2</h1> <p><img src="http://i39.tinypic.com/23sw83o.png" style="float: right; padding: 2px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="three"></a> <div class="css"> <h1>Page 3</h1> <p><img src="http://i39.tinypic.com/23sw83o.png" style="float: right; padding: 2px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="four"></a> <div class="css"> <h1>Page 4</h1> <p><img src="http://i39.tinypic.com/23sw83o.png" style="float: right; padding: 2px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="five"></a> <div class="css"> <h1>Page 5</h1> <p><img src="http://i39.tinypic.com/23sw83o.png" style="float: right; padding: 2px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="six"></a> <div class="css"> <h1>Page 6</h1> <p><img src="http://i39.tinypic.com/23sw83o.png" style="float: right; padding: 2px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="seven"></a> <div class="css"> <h1>Page 7</h1> <p><img src="http://i39.tinypic.com/23sw83o.png" style="float: right; padding: 2px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="eight"></a> <div class="css"> <h1>Page 8</h1> <p><img src="http://i39.tinypic.com/23sw83o.png" style="float: right; padding: 2px;">This is your new layout! It's faerie themed with a color scheme of purple! Hope you like it! Feel free to change minor things like the colors, headers, and fonts to your liking. </p> <h2>Header Two</h2> <p> This is <b>bold</b>, this is <i>italic</i>, and this is <a href="/">hyperlinked</a>! Paragraphs are coded to have margins! Textareas are also coded too! Go ahead and explore your new layout and fill it up with your content! </p> </div> <a name="nine"></a> <div class="css"> <h1>Page 9</h1> <div style="width: 535; height: 65px; overflow: auto; background-color: none; border: 1px solid whitesmoke; text-align: center;"> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> <center> <table><tr> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> <td> <center> <img src="http://i51.tinypic.com/4hxpht.png"><br>[textarea][/textarea] </center> </td> </tr></table> </center> </div> <h2>Credits</h2> <li>Layout & Coding by <a href="/~nature_for3st">Simple CSS</a> </li> <li>Background by <a href="/~lazahrus">49 Days</a> </li> </div> </div>