Energid got their homepage at Neopets.com

CLICK HERE TO RETURN TO OPEN EYES
Walking along the beach, Turnip turns to you and says,

Why don't you take a look at these? They were too big to fit in my lunch box so I decided to keep them here. Feel free to send me suggestions if there's something you want me to add.

Notes:
- Drag and drop the images into the address bar for full view.
- To save your page, you may need to zoom out (Hold Ctrl and press - until you can click it. Then hold Ctrl and press 0 to return the page to normal).
- Each layout comes with some specially chosen resources/backgrounds that fit that particular theme/colour palette.
- If you run into any coding issues, let me know!
- You can edit the layout (ex. change text colours, add text on a banner). Just be sure to keep the credit on.
- You can edit templates but the credit must remain on.

Style #1: Simply Compact (anchored)

<div id="theupdates" style="position: absolute;">
<h1>Date here</h1>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b57.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b57.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b57.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b57.png"> 
Update here

<h1>Date here</h1>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b57.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b57.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b57.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b57.png"> 
Update here

</div>

<div class="contentbox">
<a name="1"></a>
<h1>Welcome</h1>
This is your home page! Write your awesome welcome message here! 
<p>
<a href="/">This is a link</a>
</p>
<p>
<b>Bold text is awesome!</b>
</p>
<p>
<i>Italics are pretty nice too...</i>
</p>
<p>
<span class="u">This is super special text!</span>
<br><br><br><b>NOTES:</b></p>
<p>
- Please keep the credit on this premade layout.<br>
- If you make edits to the layout (ex. colours, background), credit is still required.<br>
- Tables have been <i>disabled</i>.  If you want to use tables in your layout, you'll need to give them an <i>id tag</i>.  An example of this can be found in the sitely section.<br>
- (For more experienced coders) If you need more links, just increase the height of <i>thelinks</i> div box.  You'll also need to lower the height of the <i>updates</i> div and move it down a bit.<br>
- If you need any coding help, feel free to neomail me (tloef).<br>
- Textareas require <b>specific id tags</b>.  An example of this can be found in the sitely section (look under "link back").  I've coded one style of textarea for buttons and one for general use.  Feel free to edit them to your liking!

<br><br><br>
Here are some spiffy resources that would match this layout's theme:
</p>
<p>
</p>
<center>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/send45.png"><p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/mail1.png"></p>
<p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/back26.png"></p>
<p>
(compact floral background in orange - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg233.png"></p>
<p>
(fancy compass background in orange - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg197.png"></p>
<p>
(vines background in orange - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg206.png"></p>
<p>

</p>
</center>

Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! 
Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! 
Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well! Your text can go here as well!

</div>

<br><br><div class="contentbox">
<a name="6"></a>
<h1>Sitely</h1>
This is the <b>sitely</b> page where you can put your link back buttons, affiliates, listers, reviews, credits, etc.  
<p></p>
<center>
<h2>Link back!</h2>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
(textarea id="codebutton")button code here(/textarea)
(textarea id="codebutton")button code here(/textarea)
(textarea id="codebutton")button code here(/textarea)
(textarea id="codebutton")button code here(/textarea)
(textarea id="codebutton")button code here(/textarea)

<br><br><h2>Sister/Brother Site!</h2>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
</center>
<p>
Do you have a sister or brother site?  If you do, you can write an awesome blurb here!  If not, just delete this section.

<br><br></p>
<center>
<h2>Affiliates!</h2>
Requests are <b>open!</b> / <a href="http://www.neopets.com/userlookup.phtml?user=USERNAME">Neomail me</a><p>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png" border="0"></a>

<br><br></p>
<h2>Listers!</h2>
Here, you can list all of the directories your awesome site is listed at!

<br><br><table id="thenormal" cellpadding="5"><tr>
<td width="50%">
<h2>Other!</h2>
<div style="padding: 3px; overflow: auto; text-align: left; width: 223px; height: 170px; line-height: 15px;">
You can put "other" sitely information here, like where you got reviewed at, your achivements, gifts, etc!<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</td>
<td width="50%">
<h2>Credits!</h2>
<div style="padding: 3px; overflow: auto; text-align: left; width: 223px; height: 170px; line-height: 15px;">
Your credits go here.  Please do not remove any of the following credits: <p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b66.png"> 
Layout designed and coded by <a href="http://www.neopets.com/userlookup.phtml?user=tloef">Turnip</a> at <a href="/~interstade">Open Eyes</a> (images from <a href="/">Neopets</a>, textures from <i>swimchick</i>, background from <i>deviantArt</i> and recoloured by <a href="http://www.neopets.com/userlookup.phtml?user=tloef">Turnip</a>).
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b66.png"> 
Resources from <a href="/~la_roque">The Lunch Box</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b66.png"> 
Copyright 2000-present Neopets, Inc. All Rights Reserved. Used With Permission. NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-present. ® denotes Reg. US Pat. & TM Office. All rights reserved.

</p>
</div>
</td>
</tr></table>
<br>

Lastly, if you have a site or visitor counter, put it here!

</center>
</div>

<br><br><div class="contentbox">
<a name="empty"></a>
Do not delete this div!
</div>

</div>

</div>

<br><br><br>
Here are some spiffy resources that would match this layout's theme:
</p>
<p>
</p>
<center>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/send18.png"><p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/en65.png"></p>
<p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/back25.png"></p>
<p>
(large floral background in black - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg91.png" height="100" width="100"></p>
<p>
(compact floral background in yellow - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg232.png"></p>
<p>
(gradient lace background in orange - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg215.png"></p>
<p>

</p>
</center>

</div>

<br><br></p>
<h2>Listers!</h2>
Here, you can list all of the directories your awesome site is listed at!

<br><br><table id="thenormal" cellpadding="5"><tr>
<td width="50%">
<h2>Other!</h2>
<div style="padding: 3px; overflow: auto; text-align: left; width: 223px; height: 170px; line-height: 15px;">
You can put "other" sitely information here, like where you got reviewed at, your achivements, gifts, etc!<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</td>
<td width="50%">
<h2>Credits!</h2>
<div style="padding: 3px; overflow: auto; text-align: left; width: 223px; height: 170px; line-height: 15px;">
Your credits go here.  Please do not remove any of the following credits: 
<p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b66.png"> 
Layout designed and coded by <a href="http://www.neopets.com/userlookup.phtml?user=tloef">Turnip</a> at <a href="/~interstade">Open Eyes</a> (images from <a href="/">Neopets</a>, textures from <i>swimchick</i>, background from <i>deviantArt</i> and recoloured by <a href="http://www.neopets.com/userlookup.phtml?user=tloef">Turnip</a>).
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b66.png"> 
Resources from <a href="/~la_roque">The Lunch Box</a>.
</p>
<p>
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b66.png"> 
Copyright 2000-present Neopets, Inc. All Rights Reserved. Used With Permission. NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-present. ® denotes Reg. US Pat. & TM Office. All rights reserved.

</p>
</div>
</td>
</tr></table>
<br>

Lastly, if you have a site or visitor counter, put it here!

</center>
</div>

<br><br><div class="contentbox">
<a name="empty"></a>
Do not delete this div!
</div>

</div>

<div id="theupdates" style="position: absolute;">
<h1>Date here</h1>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b52.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b52.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b52.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b52.png"> 
Update here

<h1>Date here</h1>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b52.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b52.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b52.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b52.png"> 
Update here

</div>

<br><br><br>
Here are some spiffy resources that would match this layout's theme:
</p>
<p>
</p>
<center>
<img src="http://i1186.photobucket.com/albums/z363/thelunchboxgraphics/Resources/s4.png"><p>
<img src="http://i1186.photobucket.com/albums/z363/thelunchboxgraphics/Resources/send4.png"></p>
<p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/back20.png"></p>
<p>
(subtle victorian in pink - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg138.png"></p>
<p>
(light vintage in purple - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg103.png"></p>
<p>
(light plaid in purple - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg184.png"></p>
<p>

</p>
</center>

</div>

<br><br></p>
<h2>Listers!</h2>
Here, you can list all of the directories your awesome site is listed at!

<br><br><table id="thenormal" cellpadding="5"><tr>
<td width="50%">
<h2>Other!</h2>
<div style="padding: 3px; overflow: auto; text-align: left; width: 223px; height: 170px; line-height: 15px;">
You can put "other" sitely information here, like where you got reviewed at, your achivements, gifts, etc!<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</td>
<td width="50%">
<h2>Credits!</h2>
<div style="padding: 3px; overflow: auto; text-align: left; width: 223px; height: 170px; line-height: 15px;">
Your credits go here.  Please do not remove any of the following credits: <p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b61.png"> 
Layout designed and coded by <a href="http://www.neopets.com/userlookup.phtml?user=tloef">Turnip</a> at <a href="/~interstade">Open Eyes</a> (images from <a href="/">Neopets</a>, textures from <i>swimchick</i>, background from <i>deviantArt</i> and recoloured by <a href="http://www.neopets.com/userlookup.phtml?user=tloef">Turnip</a>).
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b61.png"> 
Resources from <a href="/~la_roque">The Lunch Box</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b61.png"> 
Copyright 2000-present Neopets, Inc. All Rights Reserved. Used With Permission. NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-present. ® denotes Reg. US Pat. & TM Office. All rights reserved.

</p>
</div>
</td>
</tr></table>
<br>

Lastly, if you have a site or visitor counter, put it here!

</center>
</div>

<br><br><div class="contentbox">
<a name="empty"></a>
Do not delete this div!
</div>

</div>

<div id="theupdates" style="position: absolute;">
<h1>Date here</h1>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b53.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b53.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b53.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b53.png"> 
Update here

<h1>Date here</h1>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b53.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b53.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b53.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b53.png"> 
Update here

</div>

<br><br><br>
Here are some spiffy resources that would match this layout's theme:
</p>
<p>
</p>
<center>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/send42.png"><p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/cb24.png"></p>
<p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/back23.png"></p>
<p>
(compact floral in light blue - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg230.png"></p>
<p>
(light plaid in navy - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg185.png"></p>
<p>
(vines in light blue - click <a href="/~regnal#back">here</a> to get it!)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/backgrounds/bg203.png"></p>
<p>

</p>
</center>

</div>

<br><br></p>
<h2>Listers!</h2>
Here, you can list all of the directories your awesome site is listed at!

<br><br><table id="thenormal" cellpadding="5"><tr>
<td width="50%">
<h2>Other!</h2>
<div style="padding: 3px; overflow: auto; text-align: left; width: 223px; height: 170px; line-height: 15px;">
You can put "other" sitely information here, like where you got reviewed at, your achivements, gifts, etc!<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</td>
<td width="50%">
<h2>Credits!</h2>
<div style="padding: 3px; overflow: auto; text-align: left; width: 223px; height: 170px; line-height: 15px;">
Your credits go here.  Please do not remove any of the following credits: <p>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b63.png"> 
Layout designed and coded by <a href="http://www.neopets.com/userlookup.phtml?user=tloef">Turnip</a> at <a href="/~interstade">Open Eyes</a> (images from <a href="/">Neopets</a>, textures from <i>swimchick</i>, background from <i>deviantArt</i> and recoloured by <a href="http://www.neopets.com/userlookup.phtml?user=tloef">Turnip</a>).
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b63.png"> 
Resources from <a href="/~la_roque">The Lunch Box</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b63.png"> 
Copyright 2000-present Neopets, Inc. All Rights Reserved. Used With Permission. NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-present. ® denotes Reg. US Pat. & TM Office. All rights reserved.

</p>
</div>
</td>
</tr></table>
<br>

Lastly, if you have a site or visitor counter, put it here!

</center>
</div>

<br><br><div class="contentbox">
<a name="empty"></a>
Do not delete this div!
</div>

</div>

Style #2: Mosaic header (single page)

<h1>Header!</h1>
<b>This is bold text!</b>  <i>This is italics!</i>  <span class="u">This is special text!</span>  <a href="/">This is a link!</a>
<p>
Please do not remove the credit!  This layout comes with <b>two textarea styles</b>.  (textarea id="codebutton)code here(/textarea) is used for link backs and the other can be used for anything!
</p>
<p>
You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here! You can write your text here!

<br></p>
<center>
<a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d43.png" border="0"></a>
</center>
<br><h2>Sub-title!</h2>

You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here!

<h2>Sub-title!</h2>

<br><br><center>
<a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d34.png" border="0"></a>
</center>
<br><br><b>Credits:</b> Layout designed and coded by <a href="/~interstade">Open Eyes</a>, textures from <i>swimchick</i> and <i>deviantArt</i> | Dividers from <a href="/~la_roque">TLB</a> | Content by (your username here) | 
<p>
Copyright 2000-present Neopets, Inc. All Rights Reserved. Used With Permission. NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-present. ® denotes Reg. US Pat. & TM Office. All rights reserved.

</p>
</div>
</center>
<br>

<br></p>
<center>
<a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d38.png" border="0"></a>
</center>
<br><h2>Sub-title!</h2>

<h2>Sub-title!</h2>

<br><br><center>
<a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d29.png" border="0"></a>
</center>
<br><br><b>Credits:</b> Layout designed and coded by <a href="/~interstade">Open Eyes</a>, textures from <i>swimchick</i> and <i>deviantArt</i> | Dividers from <a href="/~la_roque">TLB</a> | Content by (your username here) | 
<p>
Copyright 2000-present Neopets, Inc. All Rights Reserved. Used With Permission. NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-present. ® denotes Reg. US Pat. & TM Office. All rights reserved.

</p>
</div>
</center>
<br>

<br></p>
<center>
<a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d38.png" border="0"></a>
</center>
<br><h2>Sub-title!</h2>

<h2>Sub-title!</h2>

</p>
</div>
</center>
<br>

Style #3: Fixed side mosaic (single page)

<br></p>
<center>
<a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d42.png" border="0"></a>
</center>
<br><h2>Sub-title!</h2>
You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here!
<br><img src="http://i1186.photobucket.com/albums/z363/thelunchboxgraphics/Resources/star5.png"> List it!
<br><img src="http://i1186.photobucket.com/albums/z363/thelunchboxgraphics/Resources/star5.png"> List it!
<br><img src="http://i1186.photobucket.com/albums/z363/thelunchboxgraphics/Resources/star5.png"> List it!

<h2>Sub-title!</h2>

<br><br><center>
<a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d33.png" border="0"></a>
</center>
<br><br><b>Credits:</b> Layout designed and coded by <a href="/~interstade">Open Eyes</a>, textures from <i>swimchick</i> and <i>deviantArt</i> | Dividers from <a href="/~la_roque">TLB</a> | Content by (your username here) | 
<p>
Copyright 2000-present Neopets, Inc. All Rights Reserved. Used With Permission. NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-present. ® denotes Reg. US Pat. & TM Office. All rights reserved.

</p>
</div>
</center>
<br>

<br></p>
<center>
<a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d44.png" border="0"></a>
</center>
<br><h2>Sub-title!</h2>
You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here! You can write even more text here!
<br><img src="http://i1186.photobucket.com/albums/z363/thelunchboxgraphics/Resources/star2.png"> List it!
<br><img src="http://i1186.photobucket.com/albums/z363/thelunchboxgraphics/Resources/star2.png"> List it!
<br><img src="http://i1186.photobucket.com/albums/z363/thelunchboxgraphics/Resources/star2.png"> List it!

<h2>Sub-title!</h2>

<br><br><center>
<a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d31.png" border="0"></a>
</center>
<br><br><b>Credits:</b> Layout designed and coded by <a href="/~interstade">Open Eyes</a>, textures from <i>swimchick</i> and <i>deviantArt</i> | Dividers from <a href="/~la_roque">TLB</a> | Content by (your username here) | 
<p>
Copyright 2000-present Neopets, Inc. All Rights Reserved. Used With Permission. NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-present. ® denotes Reg. US Pat. & TM Office. All rights reserved.

</p>
</div>
</center>
<br>

Style #4: Modern Elegance (anchored)

<div id="thelinks" style="position: absolute;">
<a href="#1" class="extralinks">Home</a>
<a href="#2" class="extralinks">Link</a>
<a href="#3" class="extralinks">Link</a>
<a href="#4" class="extralinks">Link</a>
<a href="#5" class="extralinks">Link</a>
<a href="#6" class="extralinks">Sitely</a>
<br><center>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png"><br>
(textarea id="codebutton) button code(textarea)
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bh41.png"><br>
(textarea id="codebutton) button code(textarea)
</center>

</div>

<div id="theupdates" style="position: absolute;">
<h1>Date here</h1>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b49.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b49.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b49.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b49.png"> 
Update here

<h1>Date here</h1>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b49.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b49.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b49.png"> 
Update here
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b49.png"> 
Update here

</div>

<div class="contentbox">
<a name="1"></a>
<h1>Welcome</h1>
This is your home page! Write your awesome welcome message here! 
<p>
<a href="/">This is a link</a>
</p>
<p>
<b>Bold text is awesome!</b>
</p>
<p>
<i>Italics are pretty nice too...</i>
</p>
<p>
<span class="u">This is super special text!</span>
<br><br><br><b>NOTES:</b></p>
<p>
- Please keep the credit on this premade layout.<br>
- If you make edits to the layout (ex. colours, background), credit is still required.<br>
- Tables have been <i>disabled</i>.  If you want to use tables in your layout, you'll need to give them an <i>id tag</i>.  An example of this can be found in the sitely section.<br>
- If you need any coding help, feel free to neomail me (tloef).<br>
- Textareas require <b>specific id tags</b>.  An example of this can be found in the sitely section (look under "link back").  I've coded one style of textarea for buttons and one for general use.  Feel free to edit them to your liking!

</p>
<center><a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d38.png" border="0"></a></center>

</div>

<br><br></p>
<h2>Listers!</h2>
Here, you can list all of the directories your awesome site is listed at!

</p>
</div>
</td>
</tr></table>
<br>

Lastly, if you have a site or visitor counter, put it here!

</center>
</div>

<br><br><div class="contentbox">
<a name="empty"></a>
Do not delete this div!
</div>

</div>

</div>

<div class="contentbox">
<a name="1"></a>
<h1>Welcome</h1>
This is your home page! Write your awesome welcome message here! 
<p>
<a href="/">This is a link</a>
</p>
<p>
<b>Bold text is awesome!</b>
</p>
<p>
<i>Italics are pretty nice too...</i>
</p>
<p>
<span class="u">This is super special text!</span>
<br><br><br><b>NOTES:</b></p>
<p>
- Please keep the credit on this premade layout.<br>
- If you make edits to the layout (ex. colours, background), credit is still required.<br>
- Tables have been <i>disabled</i>.  If you want to use tables in your layout, you'll need to give them an <i>id tag</i>.  An example of this can be found in the sitely section.<br>
- If you need any coding help, feel free to neomail me (tloef).<br>
- Textareas require <b>specific id tags</b>.  An example of this can be found in the sitely section (look under "link back").  I've coded one style of textarea for buttons and one for general use.  Feel free to edit them to your liking!

</p>
<center><a href="http://www.neopets.com/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d38.png" border="0"></a></center>

</div>

<br><br></p>
<h2>Listers!</h2>
Here, you can list all of the directories your awesome site is listed at!

</p>
</div>
</td>
</tr></table>
<br>

Lastly, if you have a site or visitor counter, put it here!

</center>
</div>

<br><br><div class="contentbox">
<a name="empty"></a>
Do not delete this div!
</div>

</div>

Style #5: Groovy Icons! (anchored)

Note: each of these layouts uses a specific icon as the colour palette.

<div id="thetitle" style="position: absolute;">
<span class="a">TITLE</span><span class="b">HERE</span><span class="c">!*</span>
</div>

<div id="thenavi" style="position: absolute;">
<a href="#thehome" class="themenu">Home</a>
<a href="#link2" class="themenu">Link 2</a>
</div>
<div id="thenavi2" style="position: absolute;">
<a href="#link3" class="themenu">Link 3</a>
<a href="#link4" class="themenu">Link 4</a>
</div>
<div id="thenavi3" style="position: absolute;">
<a href="#link5" class="themenu">Link 5</a>
<a href="#sitely" class="themenu">Sitely</a>
</div>

<h1>Welcome</h1>

<a href="http://www.neopets.com/~La_Roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Icons/icon568.png" border="0" style="float: left; padding: 5px;"></a> 
This is plain text! <b>This is bold!</b>  <i>This is the awesome italics.</i>  <span class="u">Underline, anyone?</span> <a href="/">This is a spiffy link!</a>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>
<p>
<b>Notes:</b></p>
<p>
- If you wanted to use a <i>graphic banner</i> instead of a text title, the dimensions for the image should be around 606 pixels in width, and 70 pixels for the height.
<br>
- <span class="u">Please</span> keep the credit on this layout even if you edit it.
</p>
<br><br><br><br><br>
</div>

<img src="http://images.neopets.com/items/mall_floatingjhudoradoll.gif" style="padding: 5px; float: left;"><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<img src="http://images.neopets.com/items/foo_jhudora_icecream.gif" style="padding: 5px; float: right;"><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<img src="http://images.neopets.com/items/bvg_faerie_jhudora.gif" style="padding: 5px; float: right;"><p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<img src="http://images.neopets.com/items/foo_jhudora_icecream.gif" style="padding: 5px; float: left;"><p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<img src="http://images.neopets.com/items/toy_bobblehead_jhudora.gif" style="padding: 5px; float: right;"><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<br><br><br><a name="sitely"></a>
<div class="littlebox">
<h2>Credits</h2>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b79.png"> 
Layout designed and coded by <a href="/~Interstade">Open Eyes</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b79.png"> 
Neopets characters, logos, names, and all related indicia are trademarks of Neopets, Inc. © 1999 - Present. Used with permission.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b79.png"> 
Bullets from <a href="/~la_roque">The Lunch Box</a>.

</div>

<br><br><br><a name="empty"></a>
<div class="littlebox">
DO NOT REMOVE THIS DIV BOX!
</div>

</div>

<div id="thetitle" style="position: absolute;">
<span class="a">TITLE</span><span class="b">HERE</span><span class="c">!*</span>
</div>

<h1>Welcome</h1>

<a href="http://www.neopets.com/~La_Roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Icons/icon539-1.png" border="0" style="float: left; padding: 5px;"></a> 
This is plain text! <b>This is bold!</b>  <i>This is the awesome italics.</i>  <span class="u">Underline, anyone?</span> <a href="/">This is a spiffy link!</a>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>
<p>
<b>Notes:</b></p>
<p>
- If you wanted to use a <i>graphic banner</i> instead of a text title, the dimensions for the image should be around 606 pixels in width, and 70 pixels for the height.
<br>
- <span class="u">Please</span> keep the credit on this layout even if you edit it.
</p>
<br><br><br><br><br>
</div>

<img src="http://images.neopets.com/items/clo_fon_flowernecklace.gif" style="padding: 5px; float: left;"><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<img src="http://images.neopets.com/items/shf_cherryonion_blossom.gif" style="padding: 5px; float: right;"><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<img src="http://images.neopets.com/items/mall_cherryblossom_dress.gif" style="padding: 5px; float: right;"><p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<img src="http://images.neopets.com/items/mall_gar_cherrybloomtree.gif" style="padding: 5px; float: left;"><p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<img src="http://images.neopets.com/items/mall_shower_cherryblossom.gif" style="padding: 5px; float: right;"><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<br><br><br><a name="sitely"></a>
<div class="littlebox">
<h2>Credits</h2>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b76.png"> 
Layout designed and coded by <a href="/~Interstade">Open Eyes</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b76.png"> 
Neopets characters, logos, names, and all related indicia are trademarks of Neopets, Inc. © 1999 - Present. Used with permission.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b76.png"> 
Bullets from <a href="/~la_roque">The Lunch Box</a>.

</div>

<br><br><br><a name="empty"></a>
<div class="littlebox">
DO NOT REMOVE THIS DIV BOX!
</div>

</div>

Style #6: Geometric Love (anchored)

Note: each of these layouts includes a custom background

<div id="thenavi" style="position: absolute;">
<a href="#home" class="themenu">Home</a>
<a href="#link2" class="themenu">Link 2</a>
<a href="#link3" class="themenu">Link 3</a>
<a href="#link4" class="themenu">Link 4</a>
<a href="#link5" class="themenu">Link 5</a>
<a href="#sitely" class="themenu">Sitely</a>
</div>

<div id="thetitle" style="position: absolute;">
<span class="a">TITLE</span><span class="b">HERE</span><span class="c">!*</span>
</div>

<h1>Welcome</h1>

This is plain text! <b>This is bold!</b>  <i>This is the awesome italics.</i>  <span class="u">Underline, anyone?</span> <a href="/">This is a spiffy link!</a>
<p>
Some resources that would fit the colour palette of this layout (resources below are linked for credit):
</p>
<p>
</p>
<center>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/send31.png" border="0"></a>
<br><a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b60.png" border="0"></a>
<br><a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/en50.png" border="0"></a>
<br><a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/btop4.png" border="0"></a>
</center>

<p>
<b>Notes:</b></p>
<p>
- If your title is too long, you'll have to make the font size <i>smaller</i>.  To do this, look for <b>.a, .b, and .c</b> styles and lower the "40pt verdana".  
<br>
- <span class="u">Please</span> keep the credit on this layout even if you edit it.
<br>
- There are TWO textarea styles - one for normal use, and one specifically for buttons.  If you want to code a textarea for buttons, then you have to add an <b>id tag</b>.  An example can be found in the "Link Back" on the Sitely page.
</p>
<h1>This is header 1</h1>
<h2>This is the second header</h2>
<p>
<img src="http://images.neopets.com/items/mall_mushroom_hand.gif" style="float: left; padding: 5px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<br><br><br><a name="link2"></a>
<div class="littlebox">
<h2>Link 2</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<h1>Sitely</h1>

<br><h2>Link Back</h2>
<center>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
<br>
(textarea id="codebutton)your button code here(/textarea)
(textarea id="codebutton)your button code here(/textarea)
(textarea id="codebutton)your button code here(/textarea)
</center>

<br><h2>Affiliates</h2>
<center>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
</center>

<br><h2>Listed At</h2>
<center>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
<a href="/~interstade"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/OpenEyes/ph24.png" border="0"></a>
</center>

<br><h2>Credits</h2>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b79.png"> 
Layout designed and coded by <a href="/~Interstade">Open Eyes</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b79.png"> 
Neopets characters, logos, names, and all related indicia are trademarks of Neopets, Inc. © 1999 - Present. Used with permission.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b79.png"> 
Bullets from <a href="/~la_roque">The Lunch Box</a>.

</div>

<br><br><br><a name="empty"></a>
<div class="littlebox">
DO NOT REMOVE THIS DIV BOX!
</div>

</div>

<div id="thetitle" style="position: absolute;">
<span class="a">TITLE</span><span class="b">HERE</span><span class="c">!*</span>
</div>

<h1>Welcome</h1>

This is plain text! <b>This is bold!</b>  <i>This is the awesome italics.</i>  <span class="u">Underline, anyone?</span> <a href="/">This is a spiffy link!</a>
<p>
Some resources that would fit the colour palette of this layout (resources below are linked for credit):
</p>
<p>
</p>
<center>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/send30.png" border="0"></a>
<br><a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/send12.png" border="0"></a>
<br><a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b51.png" border="0"></a>
<br><a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/back23.png" border="0"></a>
<br>
</center>

<p>
<b>Notes:</b></p>
<p>
- If your title is too long, you'll have to make the font size <i>smaller</i>.  To do this, look for <b>.a, .b, and .c</b> styles and lower the "40pt verdana".  
<br>
- <span class="u">Please</span> keep the credit on this layout even if you edit it.
<br>
- There are TWO textarea styles - one for normal use, and one specifically for buttons.  If you want to code a textarea for buttons, then you have to add an <b>id tag</b>.  An example can be found in the "Link Back" on the Sitely page.
</p>
<h1>This is header 1</h1>
<h2>This is the second header</h2>
<p>
<img src="http://images.neopets.com/items/mall_shower_cherryblossom.gif" style="float: left; padding: 5px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<h1>Sitely</h1>

<br><h2>Credits</h2>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b81.png"> 
Layout designed and coded by <a href="/~Interstade">Open Eyes</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b81.png"> 
Neopets characters, logos, names, and all related indicia are trademarks of Neopets, Inc. © 1999 - Present. Used with permission.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b81.png"> 
Bullets from <a href="/~la_roque">The Lunch Box</a>.

</div>

<br><br><br><a name="empty"></a>
<div class="littlebox">
DO NOT REMOVE THIS DIV BOX!
</div>

</div>

Style #7: Reflections (anchored)

<div id="thenavi" style="position: absolute;">
<a href="#thehome" class="themenu">Home</a>
<a href="#link2" class="themenu">Link 2</a>
<a href="#link3" class="themenu">Link 3</a>
<a href="#link4" class="themenu">Link 4</a>
<a href="#link5" class="themenu">Link 5</a>
<a href="#sitely" class="themenu">Sitely</a>

</div>

<h1>Welcome</h1>

This is plain text! <b>This is bold!</b>  <i>This is the awesome italics.</i>  <span class="u">Underline, anyone?</span> <a href="/">This is a spiffy link!</a>
<p>
Here are some resources that would go gret with this layout (examples are linked for credit):
</p>
<p>
</p>
<center>
<a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/mail2.png" border="0"></a>
<br><a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b78.png" border="0"></a>
<br><a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/back12.png" border="0"></a>
<br><a href="/~la_roque"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/bv_ff2.png" border="0"></a>
</center>

<p>
<b>Notes:</b></p>
<p>
- If you wanted to use a <i>graphic banner</i> instead of a text title, the dimensions for the image should be around 606 pixels in width, and 70 pixels for the height.
<br>
- <span class="u">Please</span> keep the credit on this layout even if you edit it.
<br>
- There are TWO textarea styles - one for normal use, and one specifically for buttons.  If you want to code a textarea for buttons, then you have to add an <b>id tag</b>.  An example can be found in the "Link Back" on the Sitely page.
</p>
<h1>This is header 1</h1>
<h2>Header #2!</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<br><br><br><a name="link3"></a>
<div class="littlebox">
<h2>Link 3</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget massa augue, eget interdum nisl. Proin iaculis posuere porttitor. Pellentesque sed massa quis turpis ultricies laoreet. Morbi dignissim purus nunc. Donec ultricies commodo dui a lacinia. Donec a eleifend sapien. Duis suscipit adipiscing nibh vitae vestibulum. Duis vel enim non magna aliquet dignissim. Pellentesque volutpat congue massa at mollis. Mauris quis orci ut massa pharetra suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce cursus, nisi vel auctor feugiat, nisl purus auctor justo, quis vehicula leo risus vitae lectus. Curabitur nec mauris sed nulla bibendum pellentesque et at libero. Nunc non quam libero, ut eleifend lectus. Curabitur dictum, nunc in luctus aliquam, libero odio aliquet arcu, vitae tincidunt erat nisi non dolor.
</p>
<p>
Sed volutpat pharetra ipsum, vel fringilla erat sagittis ac. Donec placerat risus sed ipsum posuere iaculis. Phasellus viverra luctus dui dapibus tincidunt. Curabitur ornare lacinia porttitor. Curabitur dignissim faucibus sollicitudin. Nunc nec lorem eu leo suscipit commodo eu eget velit. Maecenas massa ipsum, rhoncus a congue sed, iaculis ac metus. Donec viverra aliquam dolor quis lobortis. Morbi placerat, nibh in consequat ultrices, elit metus tincidunt tortor, vitae cursus mi urna eu dolor. Curabitur ut diam ut elit feugiat tincidunt. Ut feugiat erat at nibh eleifend ut imperdiet magna tincidunt. Aliquam iaculis vehicula arcu, ut posuere felis venenatis in. Pellentesque faucibus tincidunt facilisis. Donec orci augue, vehicula quis tempus sed, pulvinar et ante. 
</p>

<h1>Sitely</h1>

<br><h2>Credits</h2>
<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b85.png"> 
Layout designed and coded by <a href="/~Interstade">Open Eyes</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b85.png"> 
Neopets characters, logos, names, and all related indicia are trademarks of Neopets, Inc. © 1999 - Present. Used with permission.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b85.png"> 
Bullets from <a href="/~la_roque">The Lunch Box</a>.

</div>

<br><br><br><a name="empty"></a>
<div class="littlebox">
DO NOT REMOVE THIS DIV BOX!
</div>

</div>

Template style #1: Portfolio (single page)

(delete this when you're editing)
<span class="u">Notes about this template:</span>
<br>
- This template is created for easy customization, though you can simply keep the grey colour scheme as it is if you wanted to.
<br>
- If you choose to customize the banner above, make sure that image banners are 800 pixels in width so that it lines up even with this box.
<br>
- Even if you edit, <b>the credits I've added below must always stay on</b>.
<br>
- All images in this div have a padding of 4 pixels which gives it a nice space in between.
<br>
- Be sure to delete the example images below and this
<br>
- Don't forget to add your username to the "credits" at the bottom of this page and your site name and URL to the link at the top of this div.
(delete this when you're editing)

<br></p>
<center><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d38.png" border="0"></center>
<br><h1>Banners</h1>

<center>
(drag and drop into the address bar for full view)
<br><br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/yourheartismine_3.png" width="250" height="85"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/lifaen_8.png" width="250" height="85"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/mordant.png" width="250" height="85"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/nicholas28016_10.png" width="250" height="85"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/jessicaq978_16.png" width="250" height="85"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/nissajack02.png" width="250" height="85"><br><h1>Icons</h1>

<img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/bee_2000_4.png"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/bee_2000_3.png"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/cupcake_crazy_911.png"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/iamsupernikki_28.png"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/purplechucktaylors_2.png"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/jessicaq978_3.png"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Custom/jellikescherrypie_2.png"><br><h1>Buttons</h1>

<br><h2>secondary header!</h2>

This layout contains a secondary header as well.  *pokes header above*  It's super spiffy and you can use it to create a sub-category.

<br><br><br><center><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/d38.png" border="0"></center>
<br><b>Credits:</b>
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b58.png"> 
Template and design by <a href="/~Interstade">Open Eyes</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b58.png"> 
Dividers and bullets from <a href="/~la_roque">The Lunch Box</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b58.png"> 
Content on this page by <a href="http://www.neopets.com/userlookup.phtml?user=YOURUSERNAMEHERE">YOUR USERNAME HERE</a>.
<br><img src="http://i498.photobucket.com/albums/rr350/superbubblet/TLB/Resources/b58.png"> 
Copyright 2000-present Neopets, Inc. All Rights Reserved. Used With Permission. NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-present. ® denotes Reg. US Pat. & TM Office. All rights reserved.

<br><br><h3>
Lastly, I've also included a third header.  You can use it for things like quotes, song lyrics, anything at all!
</h3>

</center>

Credits:

Banner, CSS, and content by Turnip.

Pixel resources on this page from The Lunch Box.

Quote by T. E. Lawrence from his novel, "The Seven Pillars of Wisdom".

Full list of credits can be found here.

All men dream: but not equally.
Those who dream by night in the dusty recesses of their minds wake in the day to find that it was vanity:
but the dreamers of the day are dangerous men, for they may act their dream with open eyes, to make it possible.

Style #1: Simply Compact (anchored)

Style #2: Mosaic header (single page)

Style #3: Fixed side mosaic (single page)

Style #4: Modern Elegance (anchored)

Style #5: Groovy Icons! (anchored)

Style #6: Geometric Love (anchored)

Style #7: Reflections (anchored)

Template style #1: Portfolio (single page)

All men dream: but not equally. Those who dream by night in the dusty recesses of their minds wake in the day to find that it was vanity: but the dreamers of the day are dangerous men, for they may act their dream with open eyes, to make it possible.

All men dream: but not equally.
Those who dream by night in the dusty recesses of their minds wake in the day to find that it was vanity:
but the dreamers of the day are dangerous men, for they may act their dream with open eyes, to make it possible.