welcome!

Questions, comments, or concerns?
I'm always open to suggestions. Click the button below to neomail me.

<a href="/~0reah"><img src="http://i299.photobucket.com/albums/mm303/halodudet/abmbutton.gif" border="0"></a>

More?

User Guide

To start off, if you would like to access the premades you'll need to read the rules first. After you've done that, you can click the premades button. Go ahead, do it now! You won't navigate away from this page.

Do you notice anything different? Instead of being redirected to the premades page, the update sidebar has been replaced with two sublinks - Image and CSS. To get to the layouts, click either link and you'll be taken there.

If you would like to go back to the updates, simply click the back button beneath the links. If you'd like to read more about the updates, click the more button to be taken to the new blog feature of this site!

This was just a basic rundown of what's new with Absolutely. If you have further questions, please neomail me.

rules

Leave the credit on.
But I'm gonna change - Doesn't matter.
It won't even look like - Not an excuse.
You must leave the credit on, even if you edit my layouts to the point that you're only using them as a base code. If I see or hear of anyone stealing my codes, I'll contact you with a fair warning before moving on to harsher consequences.

Do not redistribute my codes.
There are no rebuttles for this one. Just don't do it. It's not fair for me to have my codes available for other people's use if they're just going to claim them as their own.

These rules may sound harsh, but they're necessary in order for me to keep providing you with premades and resources. Now that we've got that out of the way, why don't you check out the premades?

css layouts

<style> body { background: #CFF09E; } .sf, hr { display: none; } #content { width: 50%; left: 25%; top: 12%; height: 75%; background: #fff; border: 20px solid #79BD9A; padding: 3px; font: 10.5px tahoma; line-height: 13pt; overflow: hidden; } #sneaky { width: auto; height: 101%; background: #fff; font: 10.5px tahoma; line-height: 13pt; overflow: auto; } #link { left: 15%; width: 10%; text-align: right; top: 20%; } a.nav:link, a.nav:active { font: 28px georgia; color: #CFF09E; background-color: #CFF09E; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #3B8686; text-decoration: none; padding: 3px; } a.nav:visited { font: 3628px georgia; color: #CFF09E; background-color: #CFF09E; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #3B8686; text-decoration: none; padding: 3px; } a.nav:hover { background: #79BD9A; border-left: 10px solid #3B8686; border-right: none; } h1 { line-height: 10pt; font: 15px century gothic; border-right: 75px solid #A8DBA8; border-left: 75px solid #A8DBA8; text-align: center; color: #3B8686; margin: 3px; } h2 { font: 11px georgia; letter-spacing: 5px; text-align: center; font-style: italic; color: #79BD9A; margin: 3px; } b { font-weight: normal; color: #3B8686; border-bottom: 1px dashed #79BD9A; } i { color: #3B8686; } a:link, a:active, a:visited { color: #3B8686; text-decoration: none; } a:hover { color: #0B486B; } </style> <div id="link" style="position: absolute;"> <a href="#1" class="nav">page 1</a> <a href="#2" class="nav">page 2</a> <a href="#3" class="nav">page 3</a> <a href="#4" class="nav">page 4</a> <a href="#5" class="nav">page 5</a> <a href="/~0reah" class="nav">credit</a> </div> <div id="content" style="position: absolute;"> <div id="sneaky"> <a name="1"></a><h1>this is how it works</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you try until you can't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="2"></a> <h1>page 2</h1> <h2>you laugh until you cry</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="3"></a> <h1>page 3</h1> <h2>you cry until you laugh</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="4"></a> <h1>page 4</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="5"></a> <h1>page 5</h1> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> </div>

<style> body { background: #C9CBA3; } .sf, hr { display: none; } #content { width: 50%; left: 25%; top: 12%; height: 75%; background: #fff; border: 20px solid #A8A27B; padding: 3px; font: 10.5px tahoma; line-height: 13pt; overflow: hidden; } #sneaky { width: auto; height: 101%; background: #fff; font: 10.5px tahoma; line-height: 13pt; overflow: auto; } #link { left: 15%; width: 10%; text-align: right; top: 20%; } a.nav:link, a.nav:active { font: 28px georgia; color: #C9CBA3; background-color: #C9CBA3; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #EB856B; text-decoration: none; padding: 3px; } a.nav:visited { font: 3628px georgia; color: #C9CBA3; background-color: #C9CBA3; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #EB856B; text-decoration: none; padding: 3px; } a.nav:hover { background: #A8A27B; border-left: 10px solid #EB856B; border-right: none; color: #65715B; } h1 { line-height: 10pt; font: 15px century gothic; border-right: 75px solid #65715B; border-left: 75px solid #65715B; text-align: center; color: #EB856B; margin: 3px; } h2 { font: 11px georgia; letter-spacing: 5px; text-align: center; font-style: italic; color: #A8A27B; margin: 3px; } b { font-weight: normal; color: #40353B; border-bottom: 1px dashed #A8A27B; } i { color: #A8A27B; } a:link, a:active, a:visited { color: #EB856B; text-decoration: none; } a:hover { color: #40353B; } </style> <div id="link" style="position: absolute;"> <a href="#1" class="nav">page 1</a> <a href="#2" class="nav">page 2</a> <a href="#3" class="nav">page 3</a> <a href="#4" class="nav">page 4</a> <a href="#5" class="nav">page 5</a> <a href="/~0reah" class="nav">credit</a> </div> <div id="content" style="position: absolute;"> <div id="sneaky"> <a name="1"></a><h1>this is how it works</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you try until you can't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="2"></a> <h1>page 2</h1> <h2>you laugh until you cry</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="3"></a> <h1>page 3</h1> <h2>you cry until you laugh</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="4"></a> <h1>page 4</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="5"></a> <h1>page 5</h1> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> </div>

<style> body { background: #E9DFBC; } .sf, hr { display: none; } #content { width: 50%; left: 25%; top: 12%; height: 75%; background: #fff; border: 20px solid #CF845A; padding: 3px; font: 10.5px tahoma; line-height: 13pt; overflow: hidden; } #sneaky { width: auto; height: 101%; background: #fff; font: 10.5px tahoma; line-height: 13pt; overflow: auto; } #link { left: 15%; width: 10%; text-align: right; top: 20%; } a.nav:link, a.nav:active { font: 28px georgia; color: #E9DFBC; background-color: #E9DFBC; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #3F3B30; text-decoration: none; padding: 3px; } a.nav:visited { font: 3628px georgia; color: #E9DFBC; background-color: #E9DFBC; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #3F3B30; text-decoration: none; padding: 3px; } a.nav:hover { background: #CF845A; border-left: 10px solid #3F3B30; border-right: none; } h1 { line-height: 10pt; font: 15px century gothic; border-right: 75px solid #CAC5A7; border-left: 75px solid #CAC5A7; text-align: center; color: #3F3B30; margin: 3px; } h2 { font: 11px georgia; letter-spacing: 5px; text-align: center; font-style: italic; color: #CF845A; margin: 3px; } b { font-weight: normal; color: #3F3B30; border-bottom: 1px dashed #CF845A; } i { color: #3F3B30; } a:link, a:active, a:visited { color: #A55637; text-decoration: none; } a:hover { color: #CF845A; } </style> <div id="link" style="position: absolute;"> <a href="#1" class="nav">page 1</a> <a href="#2" class="nav">page 2</a> <a href="#3" class="nav">page 3</a> <a href="#4" class="nav">page 4</a> <a href="#5" class="nav">page 5</a> <a href="/~0reah" class="nav">credit</a> </div> <div id="content" style="position: absolute;"> <div id="sneaky"> <a name="1"></a><h1>this is how it works</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you try until you can't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="2"></a> <h1>page 2</h1> <h2>you laugh until you cry</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="3"></a> <h1>page 3</h1> <h2>you cry until you laugh</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="4"></a> <h1>page 4</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="5"></a> <h1>page 5</h1> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> </div>

<style> body { background: #F2E6CD; } .sf, hr { display: none; } #content { width: 50%; left: 25%; top: 12%; height: 75%; background: #fff; border: 20px solid #A29C8D; padding: 3px; font: 10.5px tahoma; line-height: 13pt; overflow: hidden; } #sneaky { width: auto; height: 101%; background: #fff; font: 10.5px tahoma; line-height: 13pt; overflow: auto; } #link { left: 15%; width: 10%; text-align: right; top: 20%; } a.nav:link, a.nav:active { font: 28px georgia; color: #F2E6CD; background-color: #F2E6CD; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #4C4C66; text-decoration: none; padding: 3px; } a.nav:visited { font: 3628px georgia; color: #F2E6CD; background-color: #F2E6CD; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #4C4C66; text-decoration: none; padding: 3px; } a.nav:hover { background: #A29C8D; border-left: 10px solid #4C4C66; border-right: none; } h1 { line-height: 10pt; font: 15px century gothic; border-right: 75px solid #D6CDB8; border-left: 75px solid #D6CDB8; text-align: center; color: #4C4C66; margin: 3px; } h2 { font: 11px georgia; letter-spacing: 5px; text-align: center; font-style: italic; color: #A29C8D; margin: 3px; } b { font-weight: normal; color: #4C4C66; border-bottom: 1px dashed #A29C8D; } i { color: #4C4C66; } a:link, a:active, a:visited { color: #4C4C66; text-decoration: none; } a:hover { color: #0B486B; } </style> <div id="link" style="position: absolute;"> <a href="#1" class="nav">page 1</a> <a href="#2" class="nav">page 2</a> <a href="#3" class="nav">page 3</a> <a href="#4" class="nav">page 4</a> <a href="#5" class="nav">page 5</a> <a href="/~0reah" class="nav">credit</a> </div> <div id="content" style="position: absolute;"> <div id="sneaky"> <a name="1"></a><h1>this is how it works</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you try until you can't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="2"></a> <h1>page 2</h1> <h2>you laugh until you cry</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="3"></a> <h1>page 3</h1> <h2>you cry until you laugh</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="4"></a> <h1>page 4</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="5"></a> <h1>page 5</h1> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> </div>

<style> body { background: #EDCF6B; } .sf, hr { display: none; } #content { width: 50%; left: 25%; top: 12%; height: 75%; background: #fff; border: 20px solid #D64F64; padding: 3px; font: 10.5px tahoma; line-height: 13pt; overflow: hidden; } #sneaky { width: auto; height: 101%; background: #fff; font: 10.5px tahoma; line-height: 13pt; overflow: auto; } #link { left: 15%; width: 10%; text-align: right; top: 20%; } a.nav:link, a.nav:active { font: 28px georgia; color: #EDCF6B; background-color: #EDCF6B; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #445065; text-decoration: none; padding: 3px; } a.nav:visited { font: 3628px georgia; color: #EDCF6B; background-color: #EDCF6B; width: auto; display: block; margin-bottom: 5px; border-right: 10px solid #445065; text-decoration: none; padding: 3px; } a.nav:hover { background: #D64F64; border-left: 10px solid #445065; border-right: none; } h1 { line-height: 10pt; font: 15px century gothic; border-right: 75px solid #F37358; border-left: 75px solid #F37358; text-align: center; color: #445065; margin: 3px; } h2 { font: 11px georgia; letter-spacing: 5px; text-align: center; font-style: italic; color: #D64F64; margin: 3px; } b { font-weight: normal; color: #445065; border-bottom: 1px dashed #D64F64; } i { color: #445065; } a:link, a:active, a:visited { color: #80496F; text-decoration: none; } a:hover { color: #D64F64; } </style> <div id="link" style="position: absolute;"> <a href="#1" class="nav">page 1</a> <a href="#2" class="nav">page 2</a> <a href="#3" class="nav">page 3</a> <a href="#4" class="nav">page 4</a> <a href="#5" class="nav">page 5</a> <a href="/~0reah" class="nav">credit</a> </div> <div id="content" style="position: absolute;"> <div id="sneaky"> <a name="1"></a><h1>this is how it works</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> <h2>you try until you can't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="2"></a> <h1>page 2</h1> <h2>you laugh until you cry</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="3"></a> <h1>page 3</h1> <h2>you cry until you laugh</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="4"></a> <h1>page 4</h1> <h2>you're young until you're not</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> <div id="sneaky"> <a name="5"></a> <h1>page 5</h1> <h2>you love until you don't</h2> <b>Bold</b>, <i>italic</i>, and a <a href="#home">link</a>.<p> Lorem ipsum dolor sit amet, ei falli virtute usu, ne vide dignissim nam. Te sit dico invidunt necessitatibus. Affert civibus at quo, no docendi accusamus dissentiunt vix, regione civibus maiestatis cu nec. Sanctus delectus philosophia an sit. Quo illud singulis dissentiet ad. Enim quidam eloquentiam vim eu.</p> <p> Ullum doming ius an, vis vidit velit mandamus eu. Perpetua appellantur ut vim, illum consul libris an per. At vel ridens aperiam, est soleat diceret facilisis id. Eu est graece suavitate, ex eos aperiam elaboraret. Usu te libris nusquam temporibus, in pri iisque reprehendunt. Eu case vocibus vix, mei imperdiet constituam ea.</p> <p> </p> </div> </div>

This layout does not have anchored navigation, but it is perfect for quick little announcements that you may have. This style is called Upper.

<style> body { background: #421033; } table { background-color: #421033; } table a img { display: none; } .sf, hr { display: none; } #content { background: #E7DAD4; font: 10.5px tahoma; color: #333; padding: 3px; text-align: left; top: 12%; left: 25%; width: 50%; height: 75%; overflow: auto; line-height: 15pt; border-bottom: 20px solid #26536A; border-top: 20px solid #26536A; } a:link, a:active, a:visited { color: #D22F4A; font-weight: bold; text-decoration: none; } a:hover { color: #421033; } b { color: #421033; font-weight: bold; } i { font: 11px georgia; font-style: italic; } h1 { font: 12pt georgia; color: #421033; margin: 4px; text-align: left; letter-spacing: -1px; line-height: 9pt; } h2 { font: 12pt georgia; color: #421033; margin: 4px; text-align: right; letter-spacing: -1px; line-height: 9pt; } </style> <div style="position: absolute; background: #D22F4A; color: #D22F4A; height: 50%; top: 25%; width: 98%; padding: 3px;"> words </div> <div id="content" style="position: absolute;"> <p> </p> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credits</h1> Layout by <a href="/~0reah">Absolutely.</a> </div>

<style> body { background: #2E2633; } table { background-color: #2E2633; } table a img { display: none; } .sf, hr { display: none; } #content { background: #fbfff3; font: 10.5px tahoma; color: #333; padding: 3px; text-align: left; top: 12%; left: 25%; width: 50%; height: 75%; overflow: auto; line-height: 15pt; border-bottom: 20px solid #99173C; border-top: 20px solid #99173C; } a:link, a:active, a:visited { color: #555152; font-weight: bold; text-decoration: none; } a:hover { color: #2E2633; } b { color: #2E2633; font-weight: bold; } i { font: 11px georgia; font-style: italic; } h1 { font: 12pt georgia; color: #2E2633; margin: 4px; text-align: left; letter-spacing: -1px; line-height: 9pt; } h2 { font: 12pt georgia; color: #2E2633; margin: 4px; text-align: right; letter-spacing: -1px; line-height: 9pt; } </style> <div style="position: absolute; background: #555152; color: #555152; height: 50%; top: 25%; width: 98%; padding: 3px;"> words </div> <div id="content" style="position: absolute;"> <p> </p> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credits</h1> Layout by <a href="/~0reah">Absolutely.</a> </div>

This layout does not have anchored navigation, but it does have a scrolling space, making it perfect for any blog-type page. This style is called Dog Days.

<style> body { background: #261C21; font: 12px tahoma; } .sf, hr { display: none; } #upper, #nav { top: 130px; width: 190px; height: 115px; padding: 5px; background: #3b3237; line-height: 15px; overflow: auto; } #upper { left: 160px; color: #756f73; line-height: 15px; } #nav { left: 365px; } #main { top: 260px; left: 160px; width: 395px; height: 350px; padding: 5px; background: #3b3237; color: #756f73; line-height: 15px; overflow: auto; } #cred { top: 625px; left: 160px; width: 395px; text-align: center; color: #B0254F; background: #3b3237; padding: 5px; } a.nav1:link, a.nav1:active, a.nav1:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { display: block; background: #3b3237; width: auto; height: auto; font: 12px tahoma; text-align: center; text-decoration: none; margin-bottom: 3px; padding: 3px; } a.nav1:link, a.nav1:active, a.nav1:visited { color: #B0254F; } a.nav2:link, a.nav2:active, a.nav2:visited { color: #DE4126; } a.nav3:link, a.nav3:active, a.nav3:visited { color: #EB9605; } a.nav1:hover { color: #3b3237; background: #B0254F; } a.nav2:hover { color: #3b3237; background: #DE4126; } a.nav3:hover { color: #3b3237; background: #EB9605; } #title1 { top: 80px; left: 160px; font: 50px georgia; font-style: italic; color: #DE4126; } #title2 { top: 80px; left: 162px; font: 50px georgia; font-style: italic; color: #EB9605; } a:link, a:active, a:visited { font-weight: bold; color: #EB9605; text-decoration: none; } a:hover { color: #DE4126; } b { font-weight: bold; color: #B0254F; border-bottom: 1px dashed #DE4126; } i { color: #DE4126; } h1 { font: 16px georgia; font-style: italic; color: #EB9605; text-align: right; margin: 4px; } </style> <div id="upper" style="position: absolute;"> Put whatever you want in this box. </div> <div id="nav" style="position: absolute;"> <a href="/myaccount.phtml" class="nav1">account</a> <a href="/games/arcade.phtml" class="nav2">games</a> <a href="/explore.phtml" class="nav3">explore</a> <a href="/objects.phtml" class="nav2">shops</a> <a href="/~0reah" class="nav1">credit</a> </div> <font id="title1" style="position: absolute;">page title here</font> <font id="title2" style="position: absolute;">page title here</font> <div id="main" style="position: absolute;"> <h1>header here</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>header here</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <div id="cred" style="position: absolute;"> Petpage by <a href="/~0reah">Absolutely</a>. </div>

<style> body { background: #364051; font: 12px tahoma; } .sf, hr { display: none; } #upper, #nav { top: 130px; width: 190px; height: 115px; padding: 5px; background: #445065; line-height: 15px; overflow: auto; } #upper { left: 160px; color: #7e8695; line-height: 15px; } #nav { left: 365px; } #main { top: 260px; left: 160px; width: 395px; height: 350px; padding: 5px; background: #445065; color: #7e8695; line-height: 15px; overflow: auto; } #cred { top: 625px; left: 160px; width: 395px; text-align: center; color: #80496F; background: #445065; padding: 5px; } a.nav1:link, a.nav1:active, a.nav1:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { display: block; background: #445065; width: auto; height: auto; font: 12px tahoma; text-align: center; text-decoration: none; margin-bottom: 3px; padding: 3px; } a.nav1:link, a.nav1:active, a.nav1:visited { color: #80496F; } a.nav2:link, a.nav2:active, a.nav2:visited { color: #D64F64; } a.nav3:link, a.nav3:active, a.nav3:visited { color: #F37358; } a.nav1:hover { color: #445065; background: #80496F; } a.nav2:hover { color: #445065; background: #D64F64; } a.nav3:hover { color: #445065; background: #F37358; } #title1 { top: 80px; left: 160px; font: 50px georgia; font-style: italic; color: #D64F64; } #title2 { top: 80px; left: 162px; font: 50px georgia; font-style: italic; color: #F37358; } a:link, a:active, a:visited { font-weight: bold; color: #F37358; text-decoration: none; } a:hover { color: #D64F64; } b { font-weight: bold; color: #80496F; border-bottom: 1px dashed #D64F64; } i { color: #D64F64; } h1 { font: 16px georgia; font-style: italic; color: #F37358; text-align: right; margin: 4px; } </style> <div id="upper" style="position: absolute;"> Put whatever you want in this box. </div> <div id="nav" style="position: absolute;"> <a href="/myaccount.phtml" class="nav1">account</a> <a href="/games/arcade.phtml" class="nav2">games</a> <a href="/explore.phtml" class="nav3">explore</a> <a href="/objects.phtml" class="nav2">shops</a> <a href="/~0reah" class="nav1">credit</a> </div> <font id="title1" style="position: absolute;">page title here</font> <font id="title2" style="position: absolute;">page title here</font> <div id="main" style="position: absolute;"> <h1>header here</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>header here</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <div id="cred" style="position: absolute;"> Petpage by <a href="/~0reah">Absolutely</a>. </div>

<style> body { background: #261C21; font: 12px tahoma; } .sf, hr { display: none; } #upper, #nav { top: 130px; width: 190px; height: 115px; padding: 5px; background: #3b3237; line-height: 15px; overflow: auto; } #upper { left: 160px; color: #756f73; line-height: 15px; } #nav { left: 365px; } #main { top: 260px; left: 160px; width: 395px; height: 350px; padding: 5px; background: #3b3237; color: #756f73; line-height: 15px; overflow: auto; } #cred { top: 625px; left: 160px; width: 395px; text-align: center; color: #F03F75; background: #3b3237; padding: 5px; } a.nav1:link, a.nav1:active, a.nav1:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { display: block; background: #3b3237; width: auto; height: auto; font: 12px tahoma; text-align: center; text-decoration: none; margin-bottom: 3px; padding: 3px; } a.nav1:link, a.nav1:active, a.nav1:visited { color: #F03F75; } a.nav2:link, a.nav2:active, a.nav2:visited { color: #FB706D; } a.nav3:link, a.nav3:active, a.nav3:visited { color: #EFC25D; } a.nav1:hover { color: #3b3237; background: #F03F75; } a.nav2:hover { color: #3b3237; background: #FB706D; } a.nav3:hover { color: #3b3237; background: #EFC25D; } #title1 { top: 80px; left: 160px; font: 50px georgia; font-style: italic; color: #FB706D; } #title2 { top: 80px; left: 162px; font: 50px georgia; font-style: italic; color: #EFC25D; } a:link, a:active, a:visited { font-weight: bold; color: #EFC25D; text-decoration: none; } a:hover { color: #FB706D; } b { font-weight: bold; color: #F03F75; border-bottom: 1px dashed #FB706D; } i { color: #FB706D; } h1 { font: 16px georgia; font-style: italic; color: #EFC25D; text-align: right; margin: 4px; } </style> <div id="upper" style="position: absolute;"> Put whatever you want in this box. </div> <div id="nav" style="position: absolute;"> <a href="/myaccount.phtml" class="nav1">account</a> <a href="/games/arcade.phtml" class="nav2">games</a> <a href="/explore.phtml" class="nav3">explore</a> <a href="/objects.phtml" class="nav2">shops</a> <a href="/~0reah" class="nav1">credit</a> </div> <font id="title1" style="position: absolute;">page title here</font> <font id="title2" style="position: absolute;">page title here</font> <div id="main" style="position: absolute;"> <h1>header here</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>header here</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <div id="cred" style="position: absolute;"> Petpage by <a href="/~0reah">Absolutely</a>. </div>

This layout is a simple table layout, perfect for any use. It has one table with no scrolling feature. This style is called All About Us.

<style> body { background: #E8D5B7; } .sf, hr { display: none; } .table { width: 38%; height: auto; padding: 50px; background: #fff; margin-top: 30px; text-align: justify; font: 12px tahoma; line-height: 15px; color: #000; } .all, .about, .us { font: 72px arial; text-transform: uppercase; letter-spacing: -2px; font-weight: bold; } .all { color: #0E2430; } .about { color: #FC3A51; } .us { color: #F5B349; } a:link, a:active { font-weight: bold; color: #F5B349; text-decoration: none; } a:visited { font-weight: bold; color: #FC3A51; text-decoration: none; } a:hover { color: #F5B349; } b { font-weight: bold; color: #0E2430; border-bottom: 2px solid #F5B349; } i { font: 12px georgia; font-style: italic; color: #875394; } h1, h2 { font: 24px georgia; color: #FC3A51; font-weight: bold; font-style: italic; margin-bottom: 20px; letter-spacing: -1px; border-top: 5px solid #F5B349; border-bottom: 5px solid #F5B349; line-height: 21px; } h1 { text-align: left; } h2 { text-align: right; } </style> <center> <div class="table"> <font class="all">all</font><font class="about">about</font><font class="us">us</font><p> </p> <h1>header one</h1> This box will extend forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credit</h1> Petpage by <a href="/~0reah">Absolutely</a>. </div> </center>

<style> body { background: #E8C470; } .sf, hr { display: none; } .table { width: 38%; height: auto; padding: 50px; background: #fff; margin-top: 30px; text-align: justify; font: 12px tahoma; line-height: 15px; color: #000; } .all, .about, .us { font: 72px arial; text-transform: uppercase; letter-spacing: -2px; font-weight: bold; } .all { color: #291D33; } .about { color: #C34C52; } .us { color: #88B47F; } a:link, a:active { font-weight: bold; color: #88B47F; text-decoration: none; } a:visited { font-weight: bold; color: #C34C52; text-decoration: none; } a:hover { color: #88B47F; } b { font-weight: bold; color: #291D33; border-bottom: 2px solid #88B47F; } i { font: 12px georgia; font-style: italic; color: #875394; } h1, h2 { font: 24px georgia; color: #C34C52; font-weight: bold; font-style: italic; margin-bottom: 20px; letter-spacing: -1px; border-top: 5px solid #88B47F; border-bottom: 5px solid #88B47F; line-height: 21px; } h1 { text-align: left; } h2 { text-align: right; } </style> <center> <div class="table"> <font class="all">all</font><font class="about">about</font><font class="us">us</font><p> </p> <h1>header one</h1> This box will extend forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credit</h1> Petpage by <a href="/~0reah">Absolutely</a>. </div> </center>

<style> body { background: #D4F9CD; } .sf, hr { display: none; } .table { width: 38%; height: auto; padding: 50px; background: #fff; margin-top: 30px; text-align: justify; font: 12px tahoma; line-height: 15px; color: #000; } .all, .about, .us { font: 72px arial; text-transform: uppercase; letter-spacing: -2px; font-weight: bold; } .all { color: #E22B2D; } .about { color: #DB6132; } .us { color: #B4D27A; } a:link, a:active { font-weight: bold; color: #B4D27A; text-decoration: none; } a:visited { font-weight: bold; color: #DB6132; text-decoration: none; } a:hover { color: #B4D27A; } b { font-weight: bold; color: #E22B2D; border-bottom: 2px solid #B4D27A; } i { font: 12px georgia; font-style: italic; color: #AFC6B2; } h1, h2 { font: 24px georgia; color: #DB6132; font-weight: bold; font-style: italic; margin-bottom: 20px; letter-spacing: -1px; border-top: 5px solid #B4D27A; border-bottom: 5px solid #B4D27A; line-height: 21px; } h1 { text-align: left; } h2 { text-align: right; } </style> <center> <div class="table"> <font class="all">all</font><font class="about">about</font><font class="us">us</font><p> </p> <h1>header one</h1> This box will extend forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credit</h1> Petpage by <a href="/~0reah">Absolutely</a>. </div> </center>

<style> body { background: #FAE2A2; } .sf, hr { display: none; } .table { width: 38%; height: auto; padding: 50px; background: #fff; margin-top: 30px; text-align: justify; font: 12px tahoma; line-height: 15px; color: #000; } .all, .about, .us { font: 72px arial; text-transform: uppercase; letter-spacing: -2px; font-weight: bold; } .all { color: #5E264D; } .about { color: #EC0146; } .us { color: #528F88; } a:link, a:active { font-weight: bold; color: #528F88; text-decoration: none; } a:visited { font-weight: bold; color: #EC0146; text-decoration: none; } a:hover { color: #528F88; } b { font-weight: bold; color: #5E264D; border-bottom: 2px solid #528F88; } i { font: 12px georgia; font-style: italic; color: #D9A148; } h1, h2 { font: 24px georgia; color: #EC0146; font-weight: bold; font-style: italic; margin-bottom: 20px; letter-spacing: -1px; border-top: 5px solid #528F88; border-bottom: 5px solid #528F88; line-height: 21px; } h1 { text-align: left; } h2 { text-align: right; } </style> <center> <div class="table"> <font class="all">all</font><font class="about">about</font><font class="us">us</font><p> </p> <h1>header one</h1> This box will extend forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credit</h1> Petpage by <a href="/~0reah">Absolutely</a>. </div> </center>

<style> body { background: #3B3434; } .sf, hr { display: none; } .table { width: 38%; height: auto; padding: 50px; background: #fff; margin-top: 30px; text-align: justify; font: 12px tahoma; line-height: 15px; color: #000; } .all, .about, .us { font: 72px arial; text-transform: uppercase; letter-spacing: -2px; font-weight: bold; } .all { color: #634B4B; } .about { color: #D94C4C; } .us { color: #D9A148; } a:link, a:active { font-weight: bold; color: #D9A148; text-decoration: none; } a:visited { font-weight: bold; color: #D94C4C; text-decoration: none; } a:hover { color: #D9A148; } b { font-weight: bold; color: #634B4B; border-bottom: 2px solid #D9A148; } i { font: 12px georgia; font-style: italic; color: #A85454; } h1, h2 { font: 24px georgia; color: #D94C4C; font-weight: bold; font-style: italic; margin-bottom: 20px; letter-spacing: -1px; border-top: 5px solid #D9A148; border-bottom: 5px solid #D9A148; line-height: 21px; } h1 { text-align: left; } h2 { text-align: right; } </style> <center> <div class="table"> <font class="all">all</font><font class="about">about</font><font class="us">us</font><p> </p> <h1>header one</h1> This box will extend forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".table" change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credit</h1> Petpage by <a href="/~0reah">Absolutely</a>. </div> </center>

This layout does not have anchored navigation, and instead has tables for all your content - making it perfect for any use. This style is called Linear

<style> body { background-color: #300018; } table { background-color: transparent; } table a img { display: none; } .sf, hr { display: none; } #content { width: 450px; height: auto; margin-top: 50px; } .left { width: 450px; height: auto; background: #fff; border-left: 60px solid #5A3D31; text-align: left; padding: 5px; font: 12px tahoma; line-height: 18px; padding-left: 6px; color: #333; } .right { width: 450px; height: auto; background: #fff; border-right: 60px solid #5A3D31; text-align: left; padding: 5px; font: 12px tahoma; line-height: 18px; padding-right: 6px; color: #333; } h2 { font: 24px tahoma; color: #ADB85F; background-color: #300018; line-height: 16pt; margin-bottom: 2px; text-align: center; letter-spacing: 5px; margin-top: 10px; text-transform: uppercase; } h3 { font: 48px tahoma; color: #ADB85F; background-color: #300018; line-height: 30pt; margin-bottom: 2px; text-align: left; letter-spacing: 5px; border-left: 60px solid #300018; margin-top: 0px; } i { color: #837B47; font: georgia; } b { font-weight: normal; color: #837B47; border-bottom: 1px dashed #5A3D31; } a:link, a:active, a:visited { text-decoration: none; color: #ADB85F; } a:hover { color: #837B47; } </style> <center> <div id="content"> <h3> <i>page</i> title</h3> <div class="left"> This box will go on forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><h2> <i>second</i> header</h2> <div class="right"> This box will go on forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><h2> <i>third</i> header</h2> <div class="left"> This box will go on forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><h2>credit</h2> <div class="right"> Petpage by <a href="/~0reah">Absolutely.</a> </div> </div> </center>

image layouts

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s9.png"); } td, p { font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; } .sf, hr { display: none; } .container { width: 495px; margin-top: 10px; padding: 5px; height: 550px; overflow: auto; background-color: white; font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; } .scroll { height: 349px; width: auto; overflow: auto; font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; padding-top: 4px; } b { font-weight: bold; color: #6f1803; } i { font: 8pt georgia; color: #d94200; font-style: italic; } a:active, a:visited, a:link { color: #2c0000; text-decoration: none; } a:hover { border-bottom: 1px solid #770000; } h1 { font: 12pt georgia; color: #de5400; border-bottom: 1px solid #770000; margin: 4px; text-align: left; letter-spacing: -1px; line-height: 9pt; } h2 { font: 12pt georgia; color: #de5400; border-bottom: 1px solid #770000; margin: 4px; text-align: right; letter-spacing: -1px; line-height: 9pt; } </style> <center> <div class="container"> <img src="http://i299.photobucket.com/albums/mm303/halodudet/alshoy.png"><div class="scroll"> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credits</h1> Layout by <a href="/~0reah">Absolutely,</a> background by <a href="/~Lazahrus">49 Days.</a> </div> </div> </center>

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s9.png"); } td, p { font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; } .sf, hr { display: none; } .container { width: 495px; margin-top: 10px; padding: 5px; height: 550px; overflow: auto; background-color: white; font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; } .scroll { height: 349px; width: auto; overflow: auto; font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; padding-top: 4px; } b { font-weight: bold; color: #ff0032; } i { font: 8pt georgia; color: #0ab201; font-style: italic; } a:active, a:visited, a:link { color: #ff0038; text-decoration: none; } a:hover { border-bottom: 1px solid #fd82b0; } h1 { font: 12pt georgia; color: #de5400; border-bottom: 1px solid #ffef1e; margin: 4px; text-align: left; letter-spacing: -1px; line-height: 9pt; } h2 { font: 12pt georgia; color: #de5400; border-bottom: 1px solid #ffef1e; margin: 4px; text-align: right; letter-spacing: -1px; line-height: 9pt; } </style> <center> <div class="container"> <img src="http://i299.photobucket.com/albums/mm303/halodudet/alkache.png"><div class="scroll"> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credits</h1> Layout by <a href="/~0reah">Absolutely,</a> background by <a href="/~Lazahrus">49 Days.</a> </div> </div> </center>

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s9.png"); } td, p { font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; } .sf, hr { display: none; } .container { width: 495px; margin-top: 10px; padding: 5px; height: 550px; overflow: auto; background-color: white; font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; } .scroll { height: 349px; width: auto; overflow: auto; font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; padding-top: 4px; } b { font-weight: bold; color: #b67bff; } i { font: 8pt georgia; color: #d55eeb; font-style: italic; } a:active, a:visited, a:link { color: #746ce4; text-decoration: none; } a:hover { border-bottom: 1px solid #bba2f3; } h1 { font: 12pt georgia; color: #746ce4; border-bottom: 1px solid #bba2f3; margin: 4px; text-align: left; letter-spacing: -1px; line-height: 9pt; } h2 { font: 12pt georgia; color: #746ce4; border-bottom: 1px solid #bba2f3; margin: 4px; text-align: right; letter-spacing: -1px; line-height: 9pt; } </style> <center> <div class="container"> <img src="http://i299.photobucket.com/albums/mm303/halodudet/altonu.png"><div class="scroll"> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credits</h1> Layout by <a href="/~0reah">Absolutely,</a> background by <a href="/~Lazahrus">49 Days.</a> </div> </div> </center>

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s9.png"); } td, p { font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; } .sf, hr { display: none; } .container { width: 495px; margin-top: 10px; padding: 5px; height: 550px; overflow: auto; background-color: white; font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; } .scroll { height: 349px; width: auto; overflow: auto; font: 8pt tahoma; color: #333; line-height: 14pt; text-align: left; padding-top: 4px; } b { font-weight: bold; color: #fe5b4d; } i { font: 8pt georgia; color: #e933bc; font-style: italic; } a:active, a:visited, a:link { color: #0d78a4; text-decoration: none; } a:hover { border-bottom: 1px solid #0cceef; } h1 { font: 12pt georgia; color: #b31862; border-bottom: 1px solid #f036b5; margin: 4px; text-align: left; letter-spacing: -1px; line-height: 9pt; } h2 { font: 12pt georgia; color: #b31862; border-bottom: 1px solid #f036b5; margin: 4px; text-align: right; letter-spacing: -1px; line-height: 9pt; } </style> <center> <div class="container"> <img src="http://i299.photobucket.com/albums/mm303/halodudet/alcybu.png"><div class="scroll"> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says ".container," change the text-align to center. Do the same in "scroll." That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h1>credits</h1> Layout by <a href="/~0reah">Absolutely,</a> background by <a href="/~Lazahrus">49 Days.</a> </div> </div> </center>

This layout does have anchored navigation. It has a box that will scroll with navigation on the bottom, perfect for any sort of thing. Credit for the background goes to 49 Days. This style is called Bubble.

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s13.png"); } td, p { line-height: 13pt; } table { background-color: transparent; } table a img { display: none; } .sf, hr { display: none; } #img { top: 30px; left: 100px; } #content { top: 68px; left: 139px; width: 352px; height: 379px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: hidden; } .page { width: auto; height: 378px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: auto; padding: 1px; } #links { top: 447px; left: 139px; height: 29px; width: 352px; text-align: center; } a.nav:link, a.nav:visited, a.nav:active { float: left; letter-spacing: 2px; text-align: center; margin: 3px; padding: 7px; display: block; width: 48px; font: 7px small fonts; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #ffabf2; border: 1px solid #ff93ee; } a.nav:hover { background-color: #ffccf7; color: #fff; } h1 { font: 18px georgia; border-top: 2px solid #e0a3ff; border-bottom: 2px solid #e0a3ff; line-height: 17px; text-align: center; color: #d07fff; text-transform: uppercase; letter-spacing: 2px; margin: 4px; background: #f7e8ff; } h2, h3 { font: 16px georgia; font-style: italic; color: #d07fff; margin-bottom: 4px; margin-top: 4px; } h2 { margin-left: 35px; } h3 { margin-right: 35px; text-align: right; } b { font-weight: bold; color: #48196e; } i { font-style: italic; font: 11px georgia; color: #fb4e8f; } a:link, a:active, a:visited { color: #b07ad0; text-decoration: none; } a:hover { color: #c0a9cd; } </style> <img src="http://i299.photobucket.com/albums/mm303/halodudet/acpetpet.png" id="img" style="position: absolute;"><div id="content" style="position: absolute;"> <div class="page"> <a name="1"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h3>header three</h3> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="2"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="3"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="4"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br> </div> <div id="links" style="position: absolute;"> <a href="#1" class="nav">one</a> <a href="#2" class="nav">two</a> <a href="#3" class="nav">three</a> <a href="#4" class="nav">four</a> <a href="/~0reah" class="nav">credit</a> </div>

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s13.png"); } td, p { line-height: 13pt; } table { background-color: transparent; } table a img { display: none; } .sf, hr { display: none; } #img { top: 30px; left: 100px; } #content { top: 66px; left: 136px; width: 352px; height: 379px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: hidden; } .page { width: auto; height: 378px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: auto; padding: 1px; } #links { top: 444px; left: 136px; height: 29px; width: 352px; text-align: center; } a.nav:link, a.nav:visited, a.nav:active { float: left; letter-spacing: 2px; text-align: center; margin: 3px; padding: 7px; display: block; width: 48px; font: 7px small fonts; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #ffabf2; border: 1px solid #ff93ee; } a.nav:hover { background-color: #ffccf7; color: #fff; } h1 { font: 18px georgia; border-top: 2px solid #d286ce; border-bottom: 2px solid #d286ce; line-height: 17px; text-align: center; color: #d479cf; text-transform: uppercase; letter-spacing: 2px; margin: 4px; background: #e3d7e2; } h2, h3 { font: 16px georgia; font-style: italic; color: #9a458d; margin-bottom: 4px; margin-top: 4px; } h2 { margin-left: 35px; } h3 { margin-right: 35px; text-align: right; } b { font-weight: bold; color: #48196e; } i { font-style: italic; font: 11px georgia; color: #e15ad3; } a:link, a:active, a:visited { color: #0eb64b; text-decoration: none; } a:hover { color: #24e875; } </style> <img src="http://i299.photobucket.com/albums/mm303/halodudet/acbattle2.png" id="img" style="position: absolute;"><div id="content" style="position: absolute;"> <div class="page"> <a name="1"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h3>header three</h3> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="2"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="3"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="4"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br> </div> <div id="links" style="position: absolute;"> <a href="#1" class="nav">one</a> <a href="#2" class="nav">two</a> <a href="#3" class="nav">three</a> <a href="#4" class="nav">four</a> <a href="/~0reah" class="nav">credit</a> </div>

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s13.png"); } td, p { line-height: 13pt; } table { background-color: transparent; } table a img { display: none; } .sf, hr { display: none; } #img { top: 30px; left: 100px; } #content { top: 68px; left: 139px; width: 352px; height: 379px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: hidden; } .page { width: auto; height: 378px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: auto; padding: 1px; } #links { top: 447px; left: 139px; height: 29px; width: 352px; text-align: center; } a.nav:link, a.nav:visited, a.nav:active { float: left; letter-spacing: 2px; text-align: center; margin: 3px; padding: 7px; display: block; width: 48px; font: 7px small fonts; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #af8d47; border: 1px solid #a16f27; } a.nav:hover { background-color: #c09f52; color: #fff; } h1 { font: 18px georgia; border-top: 2px solid #b98049; border-bottom: 2px solid #b98049; line-height: 17px; text-align: center; color: #a77226; text-transform: uppercase; letter-spacing: 2px; margin: 4px; background: #d39f67; } h2, h3 { font: 16px georgia; font-style: italic; color: #a77226; margin-bottom: 4px; margin-top: 4px; } h2 { margin-left: 35px; } h3 { margin-right: 35px; text-align: right; } b { font-weight: bold; color: #031c74; } i { font-style: italic; font: 11px georgia; color: #804800; } a:link, a:active, a:visited { color: #af8d47; text-decoration: none; } a:hover { color: #c09f52; } </style> <img src="http://i299.photobucket.com/albums/mm303/halodudet/acaisha.png" id="img" style="position: absolute;"><div id="content" style="position: absolute;"> <div class="page"> <a name="1"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h3>header three</h3> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="2"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="3"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="4"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br> </div> <div id="links" style="position: absolute;"> <a href="#1" class="nav">one</a> <a href="#2" class="nav">two</a> <a href="#3" class="nav">three</a> <a href="#4" class="nav">four</a> <a href="/~0reah" class="nav">credit</a> </div>

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s13.png"); } td, p { line-height: 13pt; } table { background-color: transparent; } table a img { display: none; } .sf, hr { display: none; } #img { top: 30px; left: 100px; } #content { top: 68px; left: 139px; width: 352px; height: 379px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: hidden; } .page { width: auto; height: 378px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: auto; padding: 1px; } #links { top: 447px; left: 139px; height: 29px; width: 352px; text-align: center; } a.nav:link, a.nav:visited, a.nav:active { float: left; letter-spacing: 2px; text-align: center; margin: 3px; padding: 7px; display: block; width: 48px; font: 7px small fonts; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #ae739d; border: 1px solid #794f6d; } a.nav:hover { background-color: #d08bbc; color: #fff; } h1 { font: 18px georgia; border-top: 2px solid #e0a3ff; border-bottom: 2px solid #e0a3ff; line-height: 17px; text-align: center; color: #d07fff; text-transform: uppercase; letter-spacing: 2px; margin: 4px; background: #f7e8ff; } h2, h3 { font: 16px georgia; font-style: italic; color: #d07fff; margin-bottom: 4px; margin-top: 4px; } h2 { margin-left: 35px; } h3 { margin-right: 35px; text-align: right; } b { font-weight: bold; color: #3b6ca5; } i { font-style: italic; font: 11px georgia; color: #f46660; } a:link, a:active, a:visited { color: #b07ad0; text-decoration: none; } a:hover { color: #c0a9cd; } </style> <img src="http://i299.photobucket.com/albums/mm303/halodudet/ackacheek.png" id="img" style="position: absolute;"><div id="content" style="position: absolute;"> <div class="page"> <a name="1"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h3>header three</h3> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="2"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="3"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br><div class="page"> <a name="4"></a> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> </div> <br> </div> <div id="links" style="position: absolute;"> <a href="#1" class="nav">one</a> <a href="#2" class="nav">two</a> <a href="#3" class="nav">three</a> <a href="#4" class="nav">four</a> <a href="/~0reah" class="nav">credit</a> </div>

This layout does not have anchored navigation, which makes it perfect for any sort of blog page. This style is called Wave.

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s13.png"); } td, p { line-height: 13pt; } table { background-color: transparent; } table a img { display: none; } .sf, hr { display: none; } #img { top: 0px; left: 100px; } #content { top: 40px; left: 148px; width: 479px; height: 406px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: auto; } #link { top: 449px; left: 210px; height: 28; width: 109px; text-align: center; } a.nav:link, a.nav:active, a.nav:visited { font: 16px tahoma; text-decoration: none; color: #c6c6c6; } a.nav:hover { color: #b1b1b1; } h1 { font: 18px georgia; border-top: 2px solid #e0a3ff; border-bottom: 2px solid #e0a3ff; line-height: 17px; text-align: center; color: #d07fff; text-transform: uppercase; letter-spacing: 2px; margin: 4px; background: #f7e8ff; } h2, h3 { font: 16px georgia; font-style: italic; color: #d07fff; margin-bottom: 4px; margin-top: 4px; } h2 { margin-left: 35px; } h3 { margin-right: 35px; text-align: right; } b { font-weight: bold; color: #48196e; } i { font-style: italic; font: 11px georgia; color: #fb4e8f; } a:link, a:active, a:visited { color: #b07ad0; text-decoration: none; } a:hover { color: #c0a9cd; } </style> <img src="http://i299.photobucket.com/albums/mm303/halodudet/awshoy.png" id="img" style="position: absolute;"><div id="link" style="position: absolute;"> <a href="/~0reah" class="nav">credit</a> </div> <div id="content" style="position: absolute;"> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h3>header three</h3> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>credit</h2> Layout by <a href="/~0reah">Absolutely,</a> background by <a href="/~Lazahrus">49 Days.</a> </div>

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s13.png"); } td, p { line-height: 13pt; } table { background-color: transparent; } table a img { display: none; } .sf, hr { display: none; } #img { top: 0px; left: 100px; } #content { top: 40px; left: 148px; width: 479px; height: 406px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: auto; } #link { top: 449px; left: 210px; height: 28; width: 109px; text-align: center; } a.nav:link, a.nav:active, a.nav:visited { font: 16px tahoma; text-decoration: none; color: #c6c6c6; } a.nav:hover { color: #b1b1b1; } h1 { font-weight: normal; font-family: georgia; text-align: left; color: #b28f4f; padding-left: 15px; text-transform: uppercase; line-height: 20px; font-size: 18px; background: #e3d9c3; letter-spacing: 2px; border-top: 2px solid #b28f4f; } h2, h3 { font: 16px georgia; font-style: italic; color: #9c5363; margin-bottom: 4px; margin-top: 4px; } h2 { margin-left: 35px; } h3 { margin-right: 35px; text-align: right; } b { font-weight: bold; color: #b6180c; } i { font-style: italic; font: 11px georgia; color: #814e28; } a:link, a:active, a:visited { color: #9c5363; text-decoration: none; } a:hover { color: #cc7b73; } </style> <img src="http://i299.photobucket.com/albums/mm303/halodudet/awpira.png" id="img" style="position: absolute;"><div id="link" style="position: absolute;"> <a href="/~0reah" class="nav">credit</a> </div> <div id="content" style="position: absolute;"> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h3>header three</h3> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>credit</h2> Layout by <a href="/~0reah">Absolutely,</a> header by <a href="/~quinsai">Bedazzled,</a> and background by <a href="/~Lazahrus">49 Days.</a> </div>

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s13.png"); } td, p { line-height: 13pt; } table { background-color: transparent; } table a img { display: none; } .sf, hr { display: none; } #img { top: 0px; left: 100px; } #content { top: 40px; left: 148px; width: 479px; height: 406px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: auto; } #link { top: 449px; left: 210px; height: 28; width: 109px; text-align: center; } a.nav:link, a.nav:active, a.nav:visited { font: 16px tahoma; text-decoration: none; color: #c6c6c6; } a.nav:hover { color: #b1b1b1; } h1 { font: 18px georgia; border-top: 2px solid #e0a3ff; border-bottom: 2px solid #e0a3ff; line-height: 17px; text-align: center; color: #d07fff; text-transform: uppercase; letter-spacing: 2px; margin: 4px; background: #f7e8ff; } h2, h3 { font: 16px georgia; font-style: italic; color: #d07fff; margin-bottom: 4px; margin-top: 4px; } h2 { margin-left: 35px; } h3 { margin-right: 35px; text-align: right; } b { font-weight: bold; color: #48196e; } i { font-style: italic; font: 11px georgia; color: #fb4e8f; } a:link, a:active, a:visited { color: #b07ad0; text-decoration: none; } a:hover { color: #c0a9cd; } </style> <img src="http://i299.photobucket.com/albums/mm303/halodudet/awdraik.png" id="img" style="position: absolute;"><div id="link" style="position: absolute;"> <a href="/~0reah" class="nav">credit</a> </div> <div id="content" style="position: absolute;"> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h3>header three</h3> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>credit</h2> Layout by <a href="/~0reah">Absolutely,</a> background by <a href="/~Lazahrus">49 Days.</a> </div>

<style> body { background-image: url("http://i220.photobucket.com/albums/k550/saranqhae/s13.png"); } td, p { line-height: 13pt; } table { background-color: transparent; } table a img { display: none; } .sf, hr { display: none; } #img { top: 0px; left: 100px; } #content { top: 40px; left: 148px; width: 479px; height: 406px; font: 11px tahoma; color: #333; line-height: 12pt; overflow: auto; } #link { top: 449px; left: 210px; height: 28; width: 109px; text-align: center; } a.nav:link, a.nav:active, a.nav:visited { font: 16px tahoma; text-decoration: none; color: #c6c6c6; } a.nav:hover { color: #b1b1b1; } h1 { font: 18px georgia; border-top: 2px solid #e0a3ff; border-bottom: 2px solid #e0a3ff; line-height: 17px; text-align: center; color: #d07fff; text-transform: uppercase; letter-spacing: 2px; margin: 4px; background: #f7e8ff; } h2, h3 { font: 16px georgia; font-style: italic; color: #d07fff; margin-bottom: 4px; margin-top: 4px; } h2 { margin-left: 35px; } h3 { margin-right: 35px; text-align: right; } b { font-weight: bold; color: #48196e; } i { font-style: italic; font: 11px georgia; color: #3c07c1; } a:link, a:active, a:visited { color: #b07ad0; text-decoration: none; } a:hover { color: #c0a9cd; } </style> <img src="http://i299.photobucket.com/albums/mm303/halodudet/awqasa-1.png" id="img" style="position: absolute;"><div id="link" style="position: absolute;"> <a href="/~0reah" class="nav">credit</a> </div> <div id="content" style="position: absolute;"> <h1>header one</h1> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>header two</h2> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h3>header three</h3> This box will scroll forever. Seriously, it will. It's really cool - if you type enough words, it'll just go on and on and on and on, like magic! Except it's not magic. It's CSS, which is pretty close to magic.<p> Don't like the text to the left? In the style sheets, where it says "#content," change the text-align to center. Do the same in ".page" That'll make it center, go figure.</p> <p> There are also some cool effects you can do with this thing. You can <b>bold it,</b> <i>italicize it,</i> and even <a href="/~0reah">link it.</a> Pretty cool, huh?</p> <p> All this and more could be yours if you remember to leave the credit on! </p> <h2>credit</h2> Layout by <a href="/~0reah">Absolutely,</a> background by <a href="/~Lazahrus">49 Days.</a> </div>

extras

Resources
Where I put various things that may help you with your site, including blank banners and buttons.

Frequently Asked Questions
The answers to my most frequently asked questions! Please check here before neomailing me.

Update Archive
Extended updates and an update archive. Take a look through history!

Site Help
If you're confused as to how to navigate this site, hopefully this guide will help you out!

resources

frequently asked questions

Q: I can't find the save changes button!
A: No problem! To find the save changes button, you'll need to zoom out in your browser until it's visible. This is usually done by pressing "ctrl" and "-" at the same time.

Q: Do you do custom layouts?
A: Not formally. If you're interested, please neomail me to see if we can work something out.

Q: Why didn't you accept my layout request?
A: Either because it wasn't feasible or because I wouldn't have enough time to make it to the best of my ability. Keep in mind that this is a premades site, not a request site. If you'd like a custom layout, check Cosmopoltian or Seraphic.

Q: You said that you'd complete my request but then you said that you couldn't.
A: See above.

I'll add more questions as I get them, but that's it for now!

site blog

link back

<a href="/~0reah"><img src="http://i299.photobucket.com/albums/mm303/halodudet/button1.gif" border="0"></a> <a href="/~0reah"><img src="http://i54.tinypic.com/2hf0rut.gif" border="0"></a> <a href="/~0reah"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/88BY31/absolutely.gif" border="0"></a> <a href="/~0reah"><img src="http://i299.photobucket.com/albums/mm303/halodudet/gradient.gif" border="0"><textarea>

affiliates and listers

Affiliates

Listers

15th Avenue
Affinity
Akakosui
Angel's Directory

Dragon's Lair
Masked
Pixie Dust
Plethora
The Secret Library

The Shelf
Simple Gifts
Smiley Central
Soroptimist

49 Days, for the beautiful backgrounds.
TLB, for the divine dividers, benevolent bullets and cute counter base.
Nienke's Resources for the terrific textures, dandy dividers, and beastly brushes.
Bedazzled, for the great headers.
Swimchick for the tasteful textures.
Create Impressions for the terrific tutorials.
Soroptimist Directory for saving me endless amounts of time when searching for resources.
And of course, you, the viewer! I truly appreciate all the support I've gotten over the past year.
All buttons are linked to their makers. If they're not, I made them.