AccidentalMagic got their homepage at Neopets.com

toastyee - affinity

<center><h1>Section Title</h1></center>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.<br><h3>About this Layout</h3>
Your new custom layout is the handiwork of Monica at <a href="/~brilliantsecrets">Brilliant Secrets</a>, using various resources that have been carefully attributed in the credits section of your sitely page. Please be sure to leave these intact out of respect to the artists who created them.<br><br>
I have constructed this layout using the blue color and stripes as a background, the Neopets image as an element on top of the background, and the part of the Neopets image that overlaps the text box is separate and placed so that it "floats" above the text. This creates an interesting code dynamic that you should be aware of; in order to see all of the text on a page, you should be certain to put in 16 page breaks at the end of the content.  Also, keep in mind that while the floating image doesn't prevent you from seeing the text beneath its transparent parts, but it does prevent you from clicking on links that are under it even if they are visible.  This means that, again, you need to be careful that you put those page breaks in, and be aware that your visitors won't be able to click on links until they've scrolled far enough down that the link is completely above the floating image.  <b>If you're not cool with that, I will refashion this whole thing for you so that it doesn't have a floating element!</b>  I just thought this looked cool, but again, it's up to you.<br><br>
As for pages, you can and are welcome to add, subtract, and edit them. You should find that each of the first 4 pages below this code has a corresponding link in a DIV that has been conveniently labelled "navigationbox". This div also has a portion of code in the CSS section at the top, which tells it how to behave - as in, gives it the location it should sit on the page, its borders, what color its background is, and so on and so forth. Should you wish you take out pages, you may find that suddenly your navigation box is no longer centered. that's an easy fix; just go to the "navigationbox" portion of the CSS, find the line that says "left: #px;", and add like 50 to the number in that line. Play around with it until you get the box where you want it. Keep in mind that you are moving the box however many pixels away from the left side of the window; if you move it 1 pixel at a time, you won't see a difference. Pixels are very small! If you are lost on this, no problem - send me a neomail and I will help you right away.  The pages linked on the right side of the layout (there are 21 of them) are all at the very bottom of the code, and the links can be found in the box labelled "subnavbox".  Again, subnavbox has a CSS description in the top half of the code.
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>

<a name="1"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="sitely"> </a>
<div class="page">
<h2>credits</h2>
Layout and coding by Monica @ <a href="/~brilliantsecrets">Brilliant Secrets</a><br>
Images from Neopets<br>Glitter brush pack by Obsidian Dawn
</div>

<a name="page3"> </a>
<div class="page">
<h1>title</h1>
Page 1 content here.</div>

<a name="page4"> </a>
<div class="page">
<h1>title</h1>
Page 2 content here.</div>

<a name="page5"> </a>
<div class="page">
<h1>title</h1>
Page 3 content here.</div>

<a name="page6"> </a>
<div class="page">
<h1>title</h1>
Page 4 content here.</div>

<a name="page7"> </a>
<div class="page">
<h1>title</h1>
Page 5 content here.</div>

<a name="page8"> </a>
<div class="page">
<h1>title</h1>
Page 6 content here.</div>

<a name="page9"> </a>
<div class="page">
<h1>title</h1>
Page 7 content here.</div>

<a name="page10"> </a>
<div class="page">
<h1>title</h1>
Page 8 content here.</div>

<a name="page11"> </a>
<div class="page">
<h1>title</h1>
Page 9 content here.</div>

<a name="page12"> </a>
<div class="page">
<h1>title</h1>
Page 10 content here.</div>

<a name="page13"> </a>
<div class="page">
<h1>title</h1>
Page 11 content here.</div>

<a name="page14"> </a>
<div class="page">
<h1>title</h1>
Page 12 content here.</div>

<a name="page15"> </a>
<div class="page">
<h1>title</h1>
Page 13 content here.</div>

<a name="page16"> </a>
<div class="page">
<h1>title</h1>
Page 14 content here.</div>

<a name="page17"> </a>
<div class="page">
<h1>title</h1>
Page 15 content here.</div>

<a name="page18"> </a>
<div class="page">
<h1>title</h1>
Page 16 content here.</div>

<a name="page19"> </a>
<div class="page">
<h1>title</h1>
Page 17 content here.</div>

<a name="page20"> </a>
<div class="page">
<h1>title</h1>
Page 18 content here.</div>

<a name="page21"> </a>
<div class="page">
<h1>title</h1>
Page 19 content here.</div>

<a name="page22"> </a>
<div class="page">
<h1>title</h1>
Page 20 content here.</div>

<a name="page23"> </a>
<div class="page">
<h1>title</h1>
Page 21 content here.</div>

</div>
<div class="coverimg" style="position: absolute;"><img src="http://i44.tinypic.com/20a6tfm.png"></div>

awong22 - infinite

<center><h1>Section Title</h1></center>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.<br><h3>about this layout</h3>
your new custom layout is the handiwork of monica at <a href="/~brilliantsecrets">brilliant secrets</a>, using various resources that have been carefully attributed in the credits section of your sitely page. please be sure to leave these intact out of respect to the artists who created them; while they are free for personal or non-commercial use, it is proper and fitting to attribute. ALWAYS.<br><br>
i have constructed the code for this page so that it has a solid black background, and atop that, the main layout image - which is also fashioned as a background image, rather than as an element that moves about on the page. this allows you to have a small window open, which perhaps the full layout image doesn't quite fit into, and not have it scroll around. we can change this, of course, if you don't like it that way - just a simple coding alteration to make the background image into a page element.<br><br>
as for pages, you can and are welcome to add, subtract, and edit them. you should find that each page at the bottom of this code has a corresponding link in a DIV that has been conveniently labelled "navigationbox". This div also has a portion of code in the CSS section at the top, which tells it how to behave - as in, gives it the location it should sit on the page, its borders, what color its background is, and so on and so forth. should you wish you take out pages, you may find that suddenly your navigation box is no longer centered. that's an easy fix; just go to the "navigationbox" portion of the CSS, find the line that says "left: #px;", and add like 50 to the number in that line. Play around with it until you get the box where you want it. keep in mind that you are moving the box however many pixels away from the left side of the window; if you move it 1 pixel at a time, you won't see a difference. pixels are very small! if you are lost on this, no problem - send me a neomail and i will help you right away.<br><br>

finally, i have placed your link back box at the bottom of the layout's main content section. it is a little dicey, since there is really no separation between the content and the buttons but for a few pixels gap. if you would like this changed, let me know - again, it's a simple coding change that will take maybe a few minutes tops!<br><br>

at last - it's arrived! your new layout is ready to be customized, loved, and visited. please let me know right away if something isn't quite right with it; since my name is slathered on this layout, i want it to represent the best possible quality, and i am always standing by for... er... customer support, or whatever. enjoy!

</div>

<a name="1"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="5"> </a>
<div class="page">
Content for Page 5 Here.
</div>

<a name="sitely"> </a>
<div class="page">
<h2>credits</h2>
layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br>
images from neopets<br>glitter brush pack by obsidian dawn<br>galactic brush pack by axeraider70 (DA)<br>the only exception" font by kimberly geswein (dafont)
</div>

</div>

poundfreeze - ginger glaze

<div class="linkbackbox" style="position: absolute;">
<br><center>
<table>
<tr>
<td>
<img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/555b2a2a.jpg">
</td>
<td>
<img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/555b2a2a.jpg">
</td>
</tr>
<tr>
<td>I can't put a textarea inside a textarea, so you'll have to make your textarea here yourself. Be sure to set your  image's border to 0, and in the textarea tag, put class equals lysform.</td>
<td>I can't put a textarea inside a textarea, so you'll have to make your textarea here yourself. Be sure to set your  image's border to 0, and in the textarea tag, put class equals lysform.</td>
</tr>
</table>
</center>
</div>

<div class="updatebox" style="position: absolute;">
<h3>november 15, 2011</h3>
<b>~</b> updates go here!<br><b>~</b> feel free to make a few adjustments to the format of your updates if you like.
<br><br>
</div>
<div id="content" class="info" style="position: absolute;">

<center><h1>Section Title</h1></center>
<h2>Subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="1"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="5"> </a>
<div class="page">
Content for Page 5 Here.
</div>

<a name="sitely"> </a>
<div class="page">
<h2>credits</h2>
layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br>
images from neopets<br>glitter brush pack by obsidian dawn<br>background by <a href="/~Lazahrus">49 days</a><br>pea njh whimsy font by kevinandamanda @ <b>fonts for peas</b>
</div>

</div>

abbiebriannanelson - abbie's doodles

<center><h1>Section Title</h1></center>
<h2>Subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="sitely"> </a>
<div class="page">
<h2>credits</h2>
layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br>
images from neopets<br>glitter brush pack by obsidian dawn<br>background by <a href="/~Lazahrus">49 days</a><br>pea njh whimsy font by kevinandamanda @ <b>fonts for peas</b>
</div>

</div>

green jasper

<center><h1>Section Title</h1></center>
<h2>Subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="rules"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="crit"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="req"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="rev"> </a>
<div class="page">
Content for Page 5 Here.
</div>

<a name="four"> </a>
<div class="page">
Content for Page 6 Here.
</div>

<a name="five"> </a>
<div class="page">
<h2>credits</h2>
layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br>
images from neopets
</div>

</div>

storktradersguild - TNP writers' bloc

acupofjoe

<div style="position: absolute; top: 0; left: 0px; z-index: -1;"> 
<img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/71d25ce6.png">
</div>
<div id="newnavbar" style="position: absolute; z-index: 1;"><center>
<a href="/myaccount.phtml" class="nav">My Account</a> <a href="/customise/" class="nav">Customise</a> <a href="/games/arcade.phtml" class="nav">Games</a> <a href="/explore.phtml" class="nav">Explore</a> <a href="/nf.phtml" class="nav">News</a> <a href="/petcentral.phtml" class="nav">Pet Central</a> <a href="/neoboards/index.phtml" class="nav">Boards</a> <a href="/objects.phtml" class="nav">Shops</a> <a href="/mall.phtml" class="nav">NC Mall</a>
</center></div>
<div id="aboutme" style="position: absolute;">
write a little blurb about yourself here!</div>
<div id="goals" style="position: absolute;">
list your goals here.</div>
<div id="wishlist" style="position: absolute;">
put your wishlist here.</div>
<style>
.contentModule div a img, .contentModule div b {
	display: inline;
}
#content {
	margin-top: 450px;
	margin-left: 140px;
	width: 500px;
	z-index: -2;
}
#navigation {
	visibility: hidden;
}
#template_nav {
	margin-left: -130px;
	margin-top: -45px;
}
#footer, hr, #nst, .sf, #habitarium, .brand-mamabar, #ban, #ncmall {
	display: none;
}
#header {
	visibility: hidden;
	left: 20px;
	top: 0px;
	z-index: 2;
}
#main {
	background: none;
	border: none;
	margin-left: 0px;
	margin-top: 0px;
}
#usershop img {
	width: 50px;
	height: 50px;
}
#usertrophies img {
	width: 50px;
	height: 50px;
}
#userneopets img {
	width: 120px;
	height: 120px;
}
#userneohome {
	display: none;
}
#userneopets, #usertrophies {
	width: 500px;
}
#usertrophies b {
	padding: 0px;
	font: 10px tahoma;
}
hr {
	display: none;
}
body {
	background-color: #a59fab;
	background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/269e1928.png");
}
body, td, p, .content, .medText {
	color: #5e595c;
	font: 10px tahoma;
}
.contentModuleTable, .contentModule, .contentModuleContent {
	border: none;
	background: none;
}
h1, .contentModuleHeader, .contentModuleHeaderAlt, #usertrophies .contentModuleHeaderAlt {
	color: #806da0;
	font: 26px times;
	font-weight: normal;
	font-style: italic;
	letter-spacing: -2px;
	background: none;
	text-align: center;
	text-transform: lowercase;
}
.f1 {
	display: block;
	border-bottom: #FDEA4D 1px dotted;
	color: #2C0D04;
	font: 15px georgia;
	font-style: italic;
	font-weight: normal;
	text-align: right;
}
a, a.Link, a.Visited, a.Active {
	color: #ff6fa7;
	font-weight: normal;
	font-size: 10px;
}
a.Hover {
	color: #b892d0;
	font-weight: normal;
	font-size: 9px;
}
.bold, b {
	color: #806da0;
	font: 10px century gothic;
	font-weight: bold;
}
i {
	color: #afdc8d;
}
#stat, #side, #talk {
	text-align: left;
}
#aboutme {
	left: 320px;
	top: 150px;
	width: 261px;
	height: 163px;
	overflow: auto;
	border: none;
}
#wishlist {
	left: 200px;
	top: 329px;
	width: 180px;
	height: 177px;
	overflow: auto;
	border: none;
}
#goals {
	left: 395px;
	top: 347px;
	width: 186px;
	height: 224px;
	overflow: auto;
	border: none;
}
#side {
	left: 11px;
	top: 400px;
	width: 136px;
}
#newnavbar {
	top: 3px;
	left: 65px;
	width: 670px;
	overflow: -blocked-;
}
.nav:link, .nav:active, .nav:visited {
	font-family: century gothic;
	font-size: 8px;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #f4d4ee;
}
.nav:hover {
	font-family: century gothic;
	font-size: 8px;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #e5bdde;
}
.main:link, .main:active, .main:visited {
	font-family: utopia;
	color: #ff6fa7;
	font-weight: bold;
	font-size: 10px;
	font-style: italic;
}
.main:hover {
	font-family: utopia;
	color: #b892d0;
	font-weight: bold;
	font-style: italic;
}
.title {
	color: #806da0;
	font: 20px times;
	font-weight: normal;
	font-style: italic;
	letter-spacing: -2px;
	background: none;
	text-align: center;
	text-transform: lowercase;
}
</style>

tartylicious - the unlimited dreams

body{background: #FFFFFF url('http://i329.photobucket.com/albums/l394/brilliantsecrets/283963d9.png')}
body, td, p, font{font:8pt Georgia;color: #575757;}
#main a{font:8pt Georgia;color:#575757;font-weight:normal;text-decoration:none;}
#main a:hover{color:#939393;}
#main b{color:#575757; font-size:10pt; font-family:georgia; text-align:center;font-weight:normal}
.b2 {font:9px century gothic;color:#335d91;font-weight:normal;text-decoration:none;text-transform:uppercase;}
#main u{color:#9CACA7}
#main i{color:#939393}
#ht{color:#767676; font-size:12pt; font-family:georgia; text-align:center;font-weight:normal}
.header{color:#767676; font-size:12pt; font-family:georgia; text-align:center;font-weight:normal}
#ban {display:none;}
#main {margin-top:0px; margin-left:0px;}
ul{padding-left:40px}
#header, #footer, .sidebar {display:none;width:100px}
#n, td, table { background: transparent; }
#main {border:none; background:none;  width:500px; float:left;  padding-top:10px; padding-left:0px;}
.content {background:none;}

<div style="position: absolute; top: 220px; left: 180px; width: 420px; overflow: -blocked-;">
<a href="http://www.neopets.com/myaccount.phtml">My Account</a> 
| <a href="http://www.neopets.com/customise/">Customise</a>
 
| <a href="http://neopets.com/gameroom.phtml">Games</a>
 
| <a href="http://neopets.com/explore.phtml">Explore</a>
 
| <a href="http://neopets.com/nf.phtml">News</a>
 <a href="http://www.neopets.com/petcentral.phtml">Pet Central</a>
 
| <a href="http://www.neopets.com/neoboards/index.phtml">Boards</a>
 
| <a href="http://neopets.com/objects.phtml">Shops</a>
 
| <a href="http://www.neopets.com/mall/index.phtml">NC Mall</a>
</div>

<div style="position: absolute; top: 182px; left: 631px; width: 105px;">
<h1><font id="ht">Navigation</font></h1>
link<br>link<br>link<br>link<br>link<br>link<br>link<br>link<br>link<br>link<br>link<br>link<br>link<br>link<br>link<br><br><h1><font id="ht">Sub-Council</font></h1>
<font class="b2">1</font> link<br><font class="b2">2</font> link<br><font class="b2">3</font> link<br><font class="b2">4</font> link<br><font class="b2">5</font> link<br><font class="b2">6</font> link<br><font class="b2">7</font> link
</div>

<div style="position: absolute; top: 240px; left: 166px; width: 435px; height: 305px; border: none; padding: 8px;">
<h1><font id="ht">Welcome to the Guild!</font></h1>
Welcome message here. <font class="b2">Bold</font> <i>Italic</i> Underline
</div>

<div style="position: absolute; top: 595px; left: 166px; width: 300px; height: 139px; border: none; padding: 8px;">
Guild features here.
</div>

<div style="position: absolute; top: 595px; left: 495px; width: 294px; height: 139px; border: none; padding: 8px;">
<h1><font id="ht">November 2, 2011</font></h1>
Your layout was completed today!<br>
I recommend you format your updates like this, but you can change them up as you like.<br>
Remember to spell out the month when you mark your dates - some Neopians are from other countries, and read numeric dates differently.
</div>

thetidings magazine

latest issue content goes here.

</div>
<div class="buttonsdiv" style="position: absolute;">
buttons go here.
</div>
<div class="featuredsitediv" style="position: absolute;">
featured site content goes here.</div>
<div class="subscribediv" style="position: absolute;">
subscribe content goes here.
</div>
<div class="navbox" style="position: absolute;">
<table cellpadding="0">
<tr><td>
<a href="#home" class="nav">main</a>
</td></tr>
<tr><td>
<a href="#page2" class="nav">page 2</a>
</td></tr>
<tr><td>
<a href="#page3" class="nav">page 3</a>
</td></tr>
<tr><td>
<a href="#page4" class="nav">page 4</a>
</td></tr>
<tr>
<td>
<a href="#sitely" class="nav">sitely</a>
</td>
</tr>
</table>
</div>
<div id="content" class="info" style="position: absolute;">

<center><h1>title</h1></center>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="page2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="page3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="page4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="sitely"> </a>
<div class="page">
Keep the credits intact on this page. You can edit this line out!<br><br><h2>credits</h2>
layout and coding by <a href="/~brilliantsecrets">brilliantsecrets</a><br>
texture brush pack from free-brushes<br>
honey bunches font by kevinandamanda at <b>fonts for peas</b>
</div>

</div>

jesindistress - trinkets

<div class="linkbackbox" style="position: absolute;">
<h3>link back</h3>
<center>button here<br>
use the class equals "textarea" when putting your button code in. it will format it so it fits perfectly under your button!<br><br>

button here<br>
use the coding class equals "textarea" when putting your button code in. it will format it so it fits perfectly under your button!
</center>
</div>

<div class="updatesbox" style="position: absolute;">
<h2>updates</h2>

<center><h1>title</h1></center>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="page2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="page3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="page4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="page5"> </a>
<div class="page">
Content for Page 5 Here.
</div>

<a name="page6"> </a>
<div class="page">
Content for Page 6 Here.
</div>

<a name="sitely"> </a>
<div class="page">
<h2>credits</h2>
layout and coding by <a href="/~brilliantsecrets">brilliantsecrets</a><br>
texture brush pack from free-brushes
</div>

</div>

undertheocean87 - wondrous

<h3>october 27, 2011</h3>
<font class="b2">+</font> your updates go in here.<br><font class="b2">+</font> i recommend writing out the name of the month in your updates, instead of writing it as a number; some neopians are from other countries, and might read numerical dates backwards!<br><br><h3>october 26, 2011</h3>
<font class="b2">+</font> we'll go a day back just to show you how to space out your updates.<br><font class="b2">+</font> since the background color of your updates box is darker than that of your content, some of the colors i chose for things won't show up in here the way they would in the content. so, i've made you a brighter <font class="b2">bold</font> to use. <a href="#page2">links</a> work on either background, though.
</div>
<div id="content" class="info" style="position: absolute;">

<center><h1>title</h1></center>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="page2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="page3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="page4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="page5"> </a>
<div class="page">
Content for Page 5 Here.
</div>

<a name="page6"> </a>
<div class="page">
Content for Page 6 Here.
</div>

<a name="page7"> </a>
<div class="page">
Content for Page 7 Here.
</div>

<a name="page8"> </a>
<div class="page">
Content for Page 8 Here.
</div>

<a name="page9"> </a>
<div class="page">
Content for Page 9 Here.
</div>

<a name="sitely"> </a>
<div class="page">
<h2>credits</h2>
layout and coding by <a href="/~brilliantsecrets">brilliantsecrets</a><br>
texture brush pack from free-brushes
</div>

</div>

4coolcookies - lifted up

<div class="div1" style="position: absolute;">
<h3>box title</h3>
box #1 content goes here.
</div>

<div class="div2" style="position: absolute;">
<h3>box title</h3>
box #2 content go here.
</div>

<div class="div3" style="position: absolute;">
<h3>box title</h3>
box #3 content goes here.</div>

<div class="div4" style="position: absolute;">
<h3>box title</h3>
box #4 content goes here.
</div>

<center><h1>title</h1></center>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="page2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="page3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="page4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

</div>

wildstar_of_darkclan

<h3>october 25, 2011</h3>
<i>+</i> i recommend formatting your updates like this...<br><i>+</i> however, you are free to change it up and make it look however you like!<br><i>+</i> remember that not all neopians are from the same country, and therefore, some read numberic dates differently than others. for this reason, be sure to spell out the name of the month when updating, instead of writing it as a number!<br><br><h3>october 25, 2011</h3>
<i>+</i> today, your layout was completed!<br><i>+</i> edit out all of these updates, and add your own instead!

</div>
<div class="secondtitlediv" style="position: absolute;">
second box title</div>
<div class="seconddiv" style="position: absolute;">
second extra box!
</div>
<div class="navbox" style="position: absolute;">
<table><tr>
<td>
<a href="#home" class="nav">main</a>
</td>
<td>
<a href="#page2" class="nav">page 2</a>
</td>
<td>
<a href="#page3" class="nav">page 3</a>
</td>
<td>
<a href="#page4" class="nav">page 4</a>
</td>
<td>
<a href="#sitely" class="nav">sitely</a>
</td>
</tr></table>
</div>
<div id="content" class="info" style="position: absolute;">

<center><h1>title</h1></center>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="page2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="page3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="page4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

</div>

socks506 - dispatched

</div>
<div class="navbox" style="position: absolute;">
<table><tr>
<td>
<a href="#home" class="nav">main</a>
</td>
<td>
<a href="#page2" class="nav">page 2</a>
</td>
<td>
<a href="#page3" class="nav">page 3</a>
</td>
<td>
<a href="#page4" class="nav">page 4</a>
</td>
<td>
<a href="#sitely" class="nav">sitely</a>
</td>
</tr></table>
</div>
<div id="content" class="info" style="position: absolute;">

<center><h1>title</h1></center>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="page2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="page3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="page4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

</div>

<center><h1>title</h1></center>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="page2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="page3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="page4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

</div>

lulu200400700jr - childlike innocence

<h3>october 25, 2011</h3>
<i>+</i> i recommend formatting your updates like this...<br><i>+</i> however, you are free to change it up and make it look however you like!<br><i>+</i> be sure to write out the name of the date instead of setting it as a number, since some neopians are from other countries and read numbered dates differently!<br><br><h3>october 25, 2011</h3>
<i>+</i> today, your layout was completed!<br><i>+</i> edit out all of these updates, and add your own instead!

</div>

<div class="navbox" style="position: absolute;">
<a href="#home" class="nav">main</a> | <a href="#page2" class="nav">page 2</a> | <a href="#page2" class="nav">page 3</a> | <a href="#page4" class="nav">page 4</a> | <a href="#sitely" class="nav">sitely</a>
</div>

<center><h1>title</h1></center>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="page2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="page3"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="page4"> </a>
<div class="page">
Content for Page 6 Here.
</div>

<a name="sitely"> </a>
<div class="page">
Keep the credits intact on this page. You can edit this line out!<br><br><h2>credits</h2>
layout and coding by <a href="/~brilliantsecrets">brilliantsecrets</a><br>skinny jeans font by brittney murphy at dafont
</div>

</div>

iamsupernikki - the dotty hatter

if you need help coding this, or aren't happy with how it looks, let me know and i will help you code it properly.
</center>
</div>
<div class="updatediv" style="position: absolute;">
<h3>oct 22, 2011</h3>
<i>+</i> i recommend formatting your updates like this...<br><i>+</i> however, you are free to change it up and make it look however you like!<br><i>+</i> try to avoid using all numbers in writing out the dates of your updates, since some neopets users are from other countries and might read them backwards!<br><br><h3>oct 21, 2011</h3>
<i>+</i> today, your layout was completed!<br><i>+</i> edit out all of these updates, and add your own instead!

</div>
<div class="featureddiv" style="position: absolute;">
<center>your featured sites go here!</center>
</div>
<div id="content" class="info" style="position: absolute;">

<h1>title</h1>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="PAGE1NAME"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="PAGE5NAME"> </a>
<div class="page">
Content for Page 5 Here.
</div>

<a name="PAGE6NAME"> </a>
<div class="page">
Content for Page 6 Here.
</div>

<a name="PAGE7NAME"> </a>
<div class="page">
Content for Page 7 Here.
</div>

</div>

storktradersguild - pennwick

<h1>title</h1>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="PAGE6NAME"> </a>
<div class="page">
Content for Page 6 Here.
</div>

</div>
<div id="content" class="leftpage" style="position: absolute;">

<table>
<tr>
<td>
place first button image here</td>
<td>place second button image here</td>
</tr>
<tr>
<td>place first button textarea here</td>
<td>place second button textarea here
</td>
</tr>
</table>

if you need help coding this, or aren't happy with how it looks, let me know and i will help you code it properly.
</center>
</div>
<div class="updatediv" style="position: absolute;">

<h1>updates</h1>

<h3>20.oct</h3>
<i>+</i> i recommend formatting your updates like this...<br><i>+</i> however, you are free to change it up and make it look however you like!<br><h3>19.oct</h3>
<i>+</i> today, your layout was completed!<br><i>+</i> edit out all of these updates, and add your own instead!

</div>
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Page 3 Content
</div>

<a name="PAGE5NAME"> </a>
<div class="page">
Page 5 Content
</div>

<a name="PAGE7NAME"> </a>
<div class="page">
Page 7 Content
</div>

<a name="PAGE9NAME"> </a>
<div class="page">
Page 9 Content
</div>

</div>

helokkityggirl234 - on a whim

this button is special because it was
made with 153 individual frames!! enjoy!

wildquach - moon tear

<h1>title</h1>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="PAGE1NAME"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="PAGE11NAME"> </a>
<div class="page">
Keep the credits intact on this page. You can edit this line out!<br><br><h2>credits</h2>
layout and coding by <a href="/~brilliantsecrets">brilliantsecrets</a><br>respective font by mans greback
</div>

</div>

ivypepper - metronome

<h1>title</h1>
<h2>subtitle</h2>
<h3>mini title</h3>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="PAGE1NAME"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="PAGE5NAME"> </a>
<div class="page">
Content for Page 5 Here.
</div>

</div>

snowybunnyy - enchanted portal

<h1>title</h1>
<h2>subtitle</h2>
<h3>mini title</h3>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="PAGE0NAME"> </a>
<div class="page">
Content for Page 0 Here.
</div>

<a name="PAGE1NAME"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="PAGE5NAME"> </a>
<div class="page">
Keep the credits intact on this page - if you remove them, you are infringing a copyright!<br><br><h2>credits</h2>
layout and coding by <a href="/~brilliantsecrets">brilliantsecrets</a> . "the only exception" font by kimberly geswein
</div>

</div>

xxxtaetaexxx845 - affinity

<h1>title</h1>
<h2>subtitle</h2>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="PAGE0NAME"> </a>
<div class="page">
Content for Page 0 Here.
</div>

<a name="PAGE1NAME"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

</div>

truge - dynene's lending

jessicaq978 - news flash

<a name="affies"> </a>
<div class="page2">
<center>Affies go here.</center>
</div>

<a name="listers"> </a>
<div class="page2">
<center>Listers go here.</center>
</div>
</div>
<div class="img1" style="position: absolute; z-index: -1;">
<img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/ea891817.png" border="0">
</div>
<div class="navbox" style="position: absolute;">
<center>
<br><br><br><table cellspacing="1">
<tr><td><a href="#PAGE0NAME" class="nav">link</a></td></tr>
<tr><td><a href="#PAGE1NAME" class="nav">link</a></td></tr>
<tr><td><a href="#PAGE2NAME" class="nav">link</a></td></tr>
<tr><td><a href="#PAGE3NAME" class="nav">link</a></td></tr>
<tr><td><a href="#PAGE4NAME" class="nav">link</a></td></tr>
<tr><td><a href="#PAGE5NAME" class="nav">sitely</a></td></tr>
</table>
</center>
</div>
<div id="content" class="info" style="position: absolute;">

<h1>title</h1>

</div>

<a name="thecenter"> </a>
<div class="page">
The Center page content here
</div>

<a name="sitely"> </a>
<div class="page">
<h2>Credits</h2>
<center>layout by <a href="/~brilliantsecrets">brilliantsecrets</a>
</center>
</div>

<a name="PAGE0NAME"> </a>
<div class="page">
Content for Page 0 Here.
</div>

<a name="PAGE1NAME"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="PAGE5NAME"> </a>
<div class="page">
Keep the credits intact on this page - if you remove them, you are infringing a copyright!<br><br><h2>credits</h2>
layout and coding by <a href="/~brilliantsecrets">brilliantsecrets</a> . Pea Mee-Mee font by Kevin and Amanda at FontsforPeas
</div>

</div>

mariella529 - cloeyce's portfolio

<h1>title</h1>

</div>

<a name="thecenter"> </a>
<div class="page">
The Center page content here
</div>

<a name="sitely"> </a>
<div class="page">
<h2>Credits</h2>
<center>layout by <a href="/~brilliantsecrets">brilliantsecrets</a>
</center>
</div>

<a name="PAGE0NAME"> </a>
<div class="page">
Content for Page 0 Here.
</div>

<a name="PAGE1NAME"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

</div>

tinkj9 - mesmeric

<a name="home"> </a>
<div class="page">
<h1>Title</h1>
<h2>Subtitle</h2>
<h3>Sub Subtitle</h3>
<b>This is bold.</b> <i>This is italic.</i> <a href="#PAGE1NAME">This is a link.</a>
</div>

<a name="PAGE1NAME"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="PAGE5NAME"> </a>
<div class="page">
Content for Page 5 Here.
</div>

<a name="PAGE6NAME"> </a>
<div class="page">
Content for Page 6 Here.
</div>

<a name="PAGE7NAME"> </a>
<div class="page">
Content for Page 7 Here.
</div>

<a name="PAGE8NAME"> </a>
<div class="page">
Content for Page 8 Here.
</div>

<a name="PAGE9NAME"> </a>
<div class="page">
Content for Page 9 Here.
</div>

<a name="PAGE10NAME"> </a>
<div class="page">
Content for Page 10 Here.
</div>

<a name="PAGE11NAME"> </a>
<div class="page">
Content for Page 11 Here.
</div>

<a name="PAGE12NAME"> </a>
<div class="page">
Content for Page 12 Here.
</div>

<a name="sitely"> </a>
<div class="page">
<h1>Credits</h1>
<center>layout, background and coding by <a href="/~brilliantsecrets">brilliantsecrets</a><br>
Unnamed Melody font by <b>KevinandAmanda</b><br>
</center>
</div>

</div>

shutupitslo - memory

<div class="maindiv">
<h1>Get Listed</h1>
</div>

<div class="updatediv" style="position: absolute;">
<h1>Updates</h1>

<font class="date">date</font>
Updates go here<br><br><font class="date">date</font>
Updates go here<br><br>
</div>