Premade Layouts

To use these premades, please follow these rules:

Please don't tamper with or move the credits.

You may edit the layouts, however, credit must be there somewhere.

If you want help coding, or to use a tidbit of my coding, ask my permission and I will probably let you, with credit of course.

Redistributing of any kind is not allowed.

All layouts include some web resources that you may find useful. I specially ones that would match the color scheme. If you use them, remember to credit to their creators, whose pages I linked the resources to. If you don't need them or prefer others, you can remove them of course.

graphic based

These layouts are not so easy to edit; you may need some more advanced coding knowledge to do so. You may edit these layouts with new images and such. However even if you edit it to the point that it's unrecognizable, please credit.

Style 1: Simply Modern

This is a very simple and sleek anchored layout. That means if you click the links on the bottom, it will jump to another page on the layout. This layout is modern and versatile but unfortunately, changing the hue is complicated because you will have to change the images themselves.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link again</a>

<a href="#cred" class="nav">credits</a>

</div>

<div id="textbox" style="position: absolute;"><center>
<font class="texty">you can put text or a title here if you want to</font>
</center></div>

<h1>Header 1</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit section <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.

<h2>Header 2</h2>

To see the special web resources that I picked out just for this layout, <a href="#1">click here</a> or <i>link 1</i> on the navigation.<br><br>
This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here.

</div>

<h1>Resources</h1>

<img src="http://i55.tinypic.com/4rq3w2.png"> Some bullets that would match.<br><img src="http://i55.tinypic.com/4rq3w2.png"> They're also from <a href="/~quinsai">Bedazzled</a>.

<br><br>
Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~liahness"><img src="http://img27.imageshack.us/img27/4729/mail13.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i53.tinypic.com/nqy8ic.jpg" border="0"></a><a href="/~liahness"><img src="http://img10.imageshack.us/img10/2542/mail22.png" border="0"></a> 
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open7.png" border="0"></a> 
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed7.png" border="0"></a>

</div>

This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here.</div>

<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a>.<br>Background by <a href="/~lazahrus">49 Days</a>.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link again</a>

<a href="#cred" class="nav">credits</a>

</div>

<div id="textbox" style="position: absolute;"><center>
<font class="texty">you can put text or a title here if you want to</font>
</center></div>

<h1>Header 1</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

<h2>Header 2</h2>

</div>

<h1>Resources</h1>

<img src="http://i52.tinypic.com/9u15k8.png"> Some bullets that would match.<br><img src="http://i52.tinypic.com/9u15k8.png"> They're also from <a href="/~quinsai">Bedazzled</a>.

<br><br>
Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~liahness"><img src="http://img825.imageshack.us/img825/8269/mail29.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i54.tinypic.com/2128ia8.jpg" border="0"></a><a href="/~gyvany"><img src="http://i51.tinypic.com/15yhked.jpg" border="0"></a> 
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open11.png" border="0"></a> 
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed11.png" border="0"></a>

</div>

<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a>.<br>Background by <a href="/~lazahrus">49 Days</a>.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link again</a>

<a href="#cred" class="nav">credits</a>

</div>

<div id="textbox" style="position: absolute;"><center>
<font class="texty">you can put text or a title here if you want to</font>
</center></div>

<h1>Header 1</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

<h2>Header 2</h2>

</div>

<h1>Resources</h1>

<img src="http://i55.tinypic.com/o85vrl.png"> Some bullets that would match.<br><img src="http://i55.tinypic.com/o85vrl.png"> They're also from <a href="/~quinsai">Bedazzled</a>.

<br><br>
Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i43.tinypic.com/2w7g55v.png" border="0"></a> 
<a href="/~quinsai"><img src="http://i42.tinypic.com/351u4pe.png" border="0"></a><a href="/~liahness"><img src="http://img843.imageshack.us/img843/7523/mail9.png" border="0"></a> 
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open12.png" border="0"></a> 
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed12.png" border="0"></a>

</div>

<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a>.<br>Background by <a href="/~lazahrus">49 Days</a>.

Style 2: Fading Neopets Header

This is an anchored layout that features a header with a neopets image. Since it's anchored, if you click the links on the bottom, it will jump to another page on the layout. You can edit your site's name onto the header if you like.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link again</a>

<a href="#5" class="nav">fifth link</a>

<a href="#cred" class="nav">credits</a>

</div>
<div id="bigbox" style="position: absolute;">

<h1>Header 1</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

<h2>Header 2</h2>

</div>

<h1>Resources</h1>

<img src="http://i52.tinypic.com/10pauwx.png"> Some bullets that would match.<br><img src="http://i52.tinypic.com/10pauwx.png"> They're also from <a href="/~quinsai">Bedazzled</a>.

<br><br>
Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i44.tinypic.com/4nq1l.png" border="0"></a> 
<a href="/~liahness"><img src="http://img840.imageshack.us/img840/8443/mail12.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i51.tinypic.com/ekm3w1.jpg" border="0"></a><br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open8.png" border="0"></a> 
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed8.png" border="0"></a>

</div>

<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a>.<br>Textures on layout by <a href="/~liahness">Nienke's Resources</a>.<br>Background by <a href="/~gyvany">Foomanshu</a> and edited by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a>.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link again</a>

<a href="#5" class="nav">fifth link</a>

<a href="#cred" class="nav">credits</a>

</div>
<div id="bigbox" style="position: absolute;">

<h1>Header 1</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

<h2>Header 2</h2>

</div>

<h1>Resources</h1>

<img src="http://i56.tinypic.com/33nvjhv.png"> Some bullets that would match.<br><img src="http://i56.tinypic.com/33nvjhv.png"> They're also from <a href="/~quinsai">Bedazzled</a>.

<br><br>
Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i39.tinypic.com/dvhmw1.png" border="0"></a> 
<a href="/~quinsai"><img src="http://i41.tinypic.com/2pshans.png" border="0"></a><a href="/~liahness"><img src="http://img571.imageshack.us/img571/803/mail1.png" border="0"></a> 
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open1.png" border="0"></a> 
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed1.png" border="0"></a>

</div>

<h1>Credits</h1>

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link again</a>

<a href="#5" class="nav">fifth link</a>

<a href="#cred" class="nav">credits</a>

</div>
<div id="bigbox" style="position: absolute;">

<h1>Header 1</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

<h2>Header 2</h2>

</div>

<h1>Resources</h1>

<img src="http://i56.tinypic.com/wk0jzl.png"> Some bullets that would match.<br><img src="http://i56.tinypic.com/wk0jzl.png"> They're also from <a href="/~quinsai">Bedazzled</a>.

<br><br>
Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i42.tinypic.com/fkp4dv.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i51.tinypic.com/23jr5lh.jpg" border="0"></a><a href="/~liahness"><img src="http://img153.imageshack.us/img153/3525/mail5.png" border="0"></a> 
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open9.png" border="0"></a> 
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed9.png" border="0"></a>

</div>

<h1>Credits</h1>

Style 3: Faerie PNG

This is a column style layout that has a fixed faerie PNG and a fixed navigation. So as you scroll, they will stay in the same spot. The navigation helps you jump around the column. You will need to include a few line breaks at the end to ensure that your text won't be covered up.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link number 3</a>

<a href="#4" class="nav">the fourth link</a>

<a href="#5" class="nav">yet another link</a>

<a href="/~quinsai" class="nav">credit</a>

</div>
<a name="home"></a><div id="scrollybox" style="position: absolute;">

<h1>The first header</h1>
<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i44.tinypic.com/ajnngj.png"> Some bullets that would match.<br><img src="http://i44.tinypic.com/ajnngj.png"> They're also from <a href="/~quinsai">Bedazzled</a>.
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><br><a href="/~quinsai"><img src="http://i42.tinypic.com/fkp4dv.png" border="0"></a>
<a href="/~liahness"><img src="http://img153.imageshack.us/img153/3525/mail5.png" border="0"></a>
<a href="/~gyvany"><img src="http://i54.tinypic.com/2wcmbu8.jpg" border="0"></a>
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open10.png" border="0"></a>
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed10.png" border="0"></a>
<br><br><br><a name="1"></a>

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here!

<h1>credit</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> at <a href="/~quinsai">Bedazzled</a>.<br>
PNG from <a href="/~liahness">Details</a>.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link number 3</a>

<a href="#4" class="nav">the fourth link</a>

<a href="#5" class="nav">yet another link</a>

<a href="/~quinsai" class="nav">credit</a>

</div>
<a name="home"></a><div id="scrollybox" style="position: absolute;">

<h1>The first header</h1>
<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i52.tinypic.com/10pauwx.png"> Some bullets that would match.<br><img src="http://i52.tinypic.com/10pauwx.png"> They're also from <a href="/~quinsai">Bedazzled</a>.
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><br><a href="/~quinsai"><img src="http://i44.tinypic.com/4nq1l.png" border="0"></a>
<a href="/~liahness"><img src="http://img849.imageshack.us/img849/7278/mail3.png" border="0"></a>
<a href="/~gyvany"><img src="http://i56.tinypic.com/5yvp84.jpg" border="0"></a>
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open6.png" border="0"></a>
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed6.png" border="0"></a>
<br><br><br><a name="1"></a>

<h1>credit</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> at <a href="/~quinsai">Bedazzled</a>.<br>
PNG from <a href="/~liahness">Details</a>.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link number 3</a>

<a href="#4" class="nav">the fourth link</a>

<a href="#5" class="nav">yet another link</a>

<a href="/~quinsai" class="nav">credit</a>

</div>
<a name="home"></a><div id="scrollybox" style="position: absolute;">

<h1>The first header</h1>
<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i40.tinypic.com/2ji36.png"> Some bullets that would match.<br><img src="http://i40.tinypic.com/2ji36.png"> They're also from <a href="/~quinsai">Bedazzled</a>.
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><br><a href="/~gyvany"><img src="http://i52.tinypic.com/148j583.jpg" border="0"></a>
<a href="/~liahness"><img src="http://img812.imageshack.us/img812/28/mail14.png" border="0"></a>
<a href="/~gyvany"><img src="http://i53.tinypic.com/1441v0w.jpg" border="0"></a>
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open5.png" border="0"></a>
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed5.png" border="0"></a>
<br><br><br><br><br><a name="1"></a>

<h1>credit</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> at <a href="/~quinsai">Bedazzled</a>.<br>
PNG from <a href="/~liahness">Details</a>.

Style 4: Mystical PNG

This is an anchored style layout that features a PNG. There is a navigation to easily navigate around the petpage. If you want, you have permission to edit your site's name onto the layout image, adjust colors, or replace the image with your own; but, remember to leave the credit on!

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link again</a>

<a href="#5" class="nav">fifth link</a>

<a href="#7" class="nav">seventh link</a>

<a href="#cred" class="nav">credits</a>

</td>
</table>
</div>
<div id="bigbox" style="position: absolute;">

<h1>Header 1</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

<br><br><h2>Header 2</h2>

This is where your text will go! Blah Blah blah put text here. This is where your text will go! Testing Testing. Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. Test test test. This is where your text will go! Blah Blah blah put text here. This is where your text will go! La la laaaa. Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here. Testing 1, 2 ,3. This is where your text will go! Blah Blah blah put text here. This is where your text will go! Blah Blah blah put text here.

</div>

<h1>Resources</h1>

<img src="http://i52.tinypic.com/10pauwx.png"> Some bullets that would match.<br><img src="http://i52.tinypic.com/10pauwx.png"> They're also from <a href="/~quinsai">Bedazzled</a>.

<br><br>
Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i43.tinypic.com/2a98q4x.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i53.tinypic.com/nqy8ic.jpg" border="0"></a><a href="/~liahness"><img src="http://img560.imageshack.us/img560/1725/mail6.png" border="0"></a> 
<br><a href="/~quinsai"><img src="http://i.imgur.com/AZRmA.png" border="0"></a> 
<a href="/~quinsai"><img src="http://i.imgur.com/DY5Nh.png" border="0"></a>

</div>

<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> from <a href="/~quinsai">Bedazzled</a>.<br>Textures on layout by <a href="/~quinsai">Bedazzled</a> and <a href="/~liahness">Details</a>.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link again</a>

<a href="#5" class="nav">fifth link</a>

<a href="#7" class="nav">seventh link</a>

<a href="#cred" class="nav">credits</a>

</td>
</table>
</div>
<div id="bigbox" style="position: absolute;">

<h1>Header 1</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

<br><br><h2>Header 2</h2>

</div>

<h1>Resources</h1>

<img src="http://i56.tinypic.com/2dgnluv.png"> Some bullets that would match.<br><img src="http://i56.tinypic.com/2dgnluv.png"> They're also from <a href="/~quinsai">Bedazzled</a>.

<br><br>
Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i42.tinypic.com/fkp4dv.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i51.tinypic.com/23jr5lh.jpg" border="0"></a><a href="/~liahness"><img src="http://img153.imageshack.us/img153/3525/mail5.png" border="0"></a> 
<br><a href="/~quinsai"><img src="http://i.imgur.com/tDQfn.png" border="0"></a> 
<a href="/~quinsai"><img src="http://i.imgur.com/PdfpJ.png" border="0"></a>

</div>

<h1>Credits</h1>

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link again</a>

<a href="#5" class="nav">fifth link</a>

<a href="#7" class="nav">seventh link</a>

<a href="#cred" class="nav">credits</a>

</td>
</table>
</div>
<div id="bigbox" style="position: absolute;">

<h1>Header 1</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

<br><br><h2>Header 2</h2>

</div>

<h1>Resources</h1>

<img src="http://i55.tinypic.com/2ijrf3c.png"> Some bullets that would match.<br><img src="http://i55.tinypic.com/2ijrf3c.png"> They're also from <a href="/~quinsai">Bedazzled</a>.

<br><br>
Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i44.tinypic.com/hvbb6x.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i53.tinypic.com/2w74ax0.jpg" border="0"></a><a href="/~liahness"><img src="http://img571.imageshack.us/img571/803/mail1.png" border="0"></a> 
<br><a href="/~quinsai"><img src="http://i.imgur.com/iK18X.png" border="0"></a> 
<a href="/~quinsai"><img src="http://i.imgur.com/zIO3B.png" border="0"></a>

</div>

<h1>Credits</h1>

css based

These layouts are quite easy to edit to your preferences because they are CSS based.

Style 1: Gradient

This is a simple and clean layout that comes in pastel colors. It is a large column style with a fixed navigation, so as you scroll down the page, the navigation stays in the same spot. If you want a different color, feel free to edit the color of the gradient and features.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link number 3</a>

<a href="#4" class="nav">the fourth link</a>

<a href="#5" class="nav">yet another link</a>

<a href="/~quinsai" class="nav">credit</a>

</div>
<div id="scrollybox" style="position: absolute;">
<a name="home"></a><font class="titleb">y</font><font class="title">our</font>   <font class="titleb">t</font><font class="title">itle</font>

<h1>This is your first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i55.tinypic.com/f2lbr.png"> Some bullets that would match.<br><img src="http://i55.tinypic.com/f2lbr.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~liahness"><img src="http://img840.imageshack.us/img840/8443/mail12.png" border="0"></a>   <a href="/~liahness"><img src="http://img97.imageshack.us/img97/3167/mail23.png" border="0"></a>
<a href="/~gyvany"><img src="http://i56.tinypic.com/5yvp84.jpg" border="0"></a>
<a href="/~gyvany"><img src="http://i54.tinypic.com/hwcpky.jpg" border="0"></a>
<br><a href="/~gyvany"><img src="http://i54.tinypic.com/1z6cbc6.jpg" border="0"></a>
<a href="/~gyvany"><img src="http://i52.tinypic.com/2m5jluw.jpg" border="0"></a>

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here.

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go

<h2>credits</h2>

Layout and coding by <a href="/~quinsai">Bedazzled</a>.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link number 3</a>

<a href="#4" class="nav">the fourth link</a>

<a href="#5" class="nav">yet another link</a>

<a href="/~quinsai" class="nav">credit</a>

</div>
<div id="scrollybox" style="position: absolute;">
<a name="home"></a><font class="titleb">y</font><font class="title">our</font>   <font class="titleb">t</font><font class="title">itle</font>

<h1>This is your first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i52.tinypic.com/2ahh6w7.png"> Some bullets that would match.<br><img src="http://i52.tinypic.com/2ahh6w7.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~liahness"><img src="http://img810.imageshack.us/img810/711/mail19.png" border="0"></a>   <a href="/~liahness"><img src="http://img153.imageshack.us/img153/3525/mail5.png" border="0"></a>
<a href="/~gyvany"><img src="http://i54.tinypic.com/30ldxld.jpg" border="0"></a>
<a href="/~gyvany"><img src="http://i54.tinypic.com/2wcmbu8.jpg" border="0"></a>
<br><a href="/~gyvany"><img src="http://i54.tinypic.com/1zq3eqh.jpg" border="0"></a>
<a href="/~gyvany"><img src="http://i53.tinypic.com/264mfxl.jpg" border="0"></a>

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here.

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go

<h2>credits</h2>

Layout and coding by <a href="/~quinsai">Bedazzled</a>.

<a href="#2" class="nav">another link</a>

<a href="#3" class="nav">link number 3</a>

<a href="#4" class="nav">the fourth link</a>

<a href="#5" class="nav">yet another link</a>

<a href="/~quinsai" class="nav">credit</a>

</div>
<div id="scrollybox" style="position: absolute;">
<a name="home"></a><font class="titleb">y</font><font class="title">our</font>   <font class="titleb">t</font><font class="title">itle</font>

<h1>This is your first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i56.tinypic.com/2vteb7q.png"> Some bullets that would match.<br><img src="http://i56.tinypic.com/2vteb7q.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~liahness"><img src="http://img812.imageshack.us/img812/28/mail14.png" border="0"></a>   <a href="/~liahness"><img src="http://img97.imageshack.us/img97/6711/mail8.png" border="0"></a>
<a href="/~gyvany"><img src="http://i53.tinypic.com/1441v0w.jpg" border="0"></a>
<a href="/~gyvany"><img src="http://i55.tinypic.com/1e4art.jpg" border="0"></a>
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open4.png" border="0"></a>
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed4.png" border="0"></a>

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here.

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go

<h2>credits</h2>

Layout and coding by <a href="/~quinsai">Bedazzled</a>.

Style 2: Strip

This is an elegant-looking anchored layout. That means if you click the links on the bottom, it will jump to another page on the layout. To change the pattern on the strip, just change the background of the div named strip. The backgrounds used in my 3 variations are from 49 Days.

<h1>first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i43.tinypic.com/akef76.png"> Some bullets that would match.<br><img src="http://i43.tinypic.com/akef76.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

<a name="cred"></a>
<div id="box">
<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> from <a href="/~quinsai">Bedazzled</a>.<br>
Background on strip from <a href="/~Lazahrus">49 Days</a>.</div>

</div>

<h1>first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i42.tinypic.com/25k7yp1.png"> Some bullets that would match.<br><img src="http://i42.tinypic.com/25k7yp1.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

<a name="cred"></a>
<div id="box">
<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> from <a href="/~quinsai">Bedazzled</a>.<br>
Background on strip from <a href="/~Lazahrus">49 Days</a>.</div>

</div>

<h1>first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i41.tinypic.com/rvjaqe.png"> Some bullets that would match.<br><img src="http://i41.tinypic.com/rvjaqe.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

<a name="cred"></a>
<div id="box">
<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> from <a href="/~quinsai">Bedazzled</a>.<br>
Background on strip from <a href="/~Lazahrus">49 Days</a>.</div>

</div>

Style 3: Icon-ic

This is a column style petpage that highlights your favorite icons! You can change the icons I put in and use your own (icon div is at the bottom). Another cool thing about this layout is the navigation hover effect, which also has icons you can replace. All icons in this were made by me and are under Graphics.

</div>
<div id="tri" style="position: fixed;">
◆</div>
<div id="tri2" style="position: fixed;">
◆</div>
<div id="scrollybox" style="position: absolute;">
<a name="1"></a>

<h1>It's an "icon-ic" layout</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i56.tinypic.com/33nvjhv.png"> Some bullets that would match.<br><img src="http://i56.tinypic.com/33nvjhv.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><a href="/~quinsai"><img src="http://i44.tinypic.com/14n1riw.png" border="0"></a>
<a href="/~quinsai"><img src="http://i42.tinypic.com/14alo53.png" border="0"></a>
<a href="/~gyvany"><img src="http://i54.tinypic.com/295ff4n.jpg" border="0"></a>
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open1.png" border="0"></a>
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed1.png" border="0"></a>

<h1>Header 1</h1>

<h2>header 2</h2>

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. 
<br><br><br>
</div>
<div id="icons" style="position: fixed;">
<center>
<img src="http://i39.tinypic.com/xfx660.png" class="icon"><img src="http://i42.tinypic.com/1e3pqd.png" class="icon"><img src="http://i42.tinypic.com/14dlpj4.png" class="icon"><img src="http://i40.tinypic.com/29vxe0x.png" class="icon"><img src="http://i43.tinypic.com/2iij1ar.png" class="icon"><img src="http://i40.tinypic.com/4jp0y8.png" class="icon">
</center>

</div>

</div>
<div id="tri" style="position: fixed;">
◆</div>
<div id="tri2" style="position: fixed;">
◆</div>
<div id="scrollybox" style="position: absolute;">
<a name="1"></a>

<h1>It's an "icon-ic" layout</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i52.tinypic.com/10pauwx.png"> Some bullets that would match.<br><img src="http://i52.tinypic.com/10pauwx.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><a href="/~quinsai"><img src="http://i44.tinypic.com/4nq1l.png" border="0"></a>
<a href="/~quinsai"><img src="http://i43.tinypic.com/be7t3d.png" border="0"></a>
<a href="/~gyvany"><img src="http://i56.tinypic.com/5yvp84.jpg" border="0"></a>
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open6.png" border="0"></a>
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed6.png" border="0"></a>

<h1>Header 1</h1>

<h2>header 2</h2>

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. 
<br><br><br>
</div>
<div id="icons" style="position: fixed;">
<center>
<img src="http://i42.tinypic.com/20ib9zc.png" class="icon"><img src="http://i43.tinypic.com/308iooi.png" class="icon"><img src="http://i43.tinypic.com/2mqw20h.png" class="icon"><img src="http://i41.tinypic.com/25kmyl5.png" class="icon"><img src="http://i39.tinypic.com/jqqlir.png" class="icon"><img src="http://i39.tinypic.com/2u8hxkl.png" class="icon">
</center>

</div>

</div>
<div id="tri" style="position: fixed;">
◆</div>
<div id="tri2" style="position: fixed;">
◆</div>
<div id="scrollybox" style="position: absolute;">
<a name="1"></a>

<h1>It's an "icon-ic" layout</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i41.tinypic.com/rvjaqe.png"> Some bullets that would match.<br><img src="http://i41.tinypic.com/rvjaqe.png"> They're also from <a href="/~quinsai">Bedazzled</a>.
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><a href="/~quinsai"><img src="http://i42.tinypic.com/24xi3jr.png" border="0"></a>
<a href="/~gyvany"><img src="http://i51.tinypic.com/23jr5lh.jpg" border="0"></a>
<a href="/~gyvany"><img src="http://i55.tinypic.com/2uh8qo9.jpg" border="0"></a>
<br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open1.png" border="0"></a>
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed1.png" border="0"></a>

<h1>Header 1</h1>

<h2>header 2</h2>

Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. 
<br><br><br>
</div>
<div id="icons" style="position: fixed;">
<center>
<img src="http://i41.tinypic.com/jafmf9.png" class="icon"><img src="http://i41.tinypic.com/ofysqw.png" class="icon"><img src="http://i44.tinypic.com/33xzvb4.png" class="icon"><img src="http://i44.tinypic.com/wbpee0.png" class="icon"><img src="http://i44.tinypic.com/5pfqjc.png" class="icon"><img src="http://i44.tinypic.com/t02dmo.png" class="icon">
</center>

</div>

Style 4: Color Fade

This is a column style petpage that has a cool gradient effect and a fixed sidebar! You can replace the gradient colors I used with your own. You can make your own gradient by picking 2 colors then using Sunnyneo's Rainbow Font Maker. The inspiration for the aesthetics of this layout is from Morgan's CSS. The background is from The Lunch Box.

This is space for you to put <i>whatever</i> you would like! You can use it or not. Either way looks fine! Try to make it short and don't remove credit.<br><br><font size="1">
Layout by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> from <a href="/~quinsai">Bedazzled</a>.<br> Background from <a href="/~la_roque">The Lunch Box</a>.
</font>
</div>

<div id="scrollybox" style="position: absolute;">
<center>
<font class="title">title</font><font class="titleb">here</font>
</center>

<h1>first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i56.tinypic.com/wk0jzl.png"> Some bullets that would match.<br><img src="http://i56.tinypic.com/wk0jzl.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i42.tinypic.com/fkp4dv.png" border="0"></a> 
<a href="/~quinsai"><img src="http://i43.tinypic.com/34ifjfb.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i54.tinypic.com/30ldxld.jpg" border="0"></a><br><a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1open9.png" border="0"></a> 
<a href="/~Lazahrus"><img src="http://i1115.photobucket.com/albums/k550/saranqhae/1closed11.png" border="0"></a>

<h3>third header</h3>

Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here.Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here. Testing testing text will go here! Haha text is gonna go here.

<h4>fourth header</h4>

<div id="scrollybox" style="position: absolute;">
<center>
<font class="title">title</font><font class="titleb">here</font>
</center>

<h1>first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i53.tinypic.com/7283kp.png"> Some bullets that would match.<br><img src="http://i53.tinypic.com/7283kp.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i44.tinypic.com/hvbb6x.png" border="0"></a> 
<a href="/~quinsai"><img src="http://i41.tinypic.com/oau6va.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i54.tinypic.com/295ff4n.jpg" border="0"></a><br><a href="/~gyvany"><img src="http://i52.tinypic.com/20s3mr.jpg" border="0"></a> 
<a href="/~gyvany"><img src="http://i53.tinypic.com/28gwj5u.jpg" border="0"></a>

<h3>third header</h3>

<h4>fourth header</h4>

<div id="scrollybox" style="position: absolute;">
<center>
<font class="title">title</font><font class="titleb">here</font>
</center>

<h1>first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i55.tinypic.com/4rq3w2.png"> Some bullets that would match.<br><img src="http://i55.tinypic.com/4rq3w2.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

Here are some possible resources to match this layout. They link to the sites where they are from. These are just here for your convenience. Of course you can use others if you'd like.<br><br><a href="/~quinsai"><img src="http://i43.tinypic.com/2a98q4x.png" border="0"></a> 
<a href="/~liahness"><img src="http://img27.imageshack.us/img27/4729/mail13.png" border="0"></a> 
<a href="/~gyvany"><img src="http://i53.tinypic.com/1441v0w.jpg" border="0"></a><br><a href="/~gyvany"><img src="http://i51.tinypic.com/iw29l2.jpg" border="0"></a> 
<a href="/~gyvany"><img src="http://i52.tinypic.com/2m5jluw.jpg" border="0"></a>

<h3>third header</h3>

<h4>fourth header</h4>

Style 5: Modern

This is an anchored layout, which means that the links on the bottom will help you switch from different pages on the layout. Even with the gradients, this layout is very easy to edit because they are just positioned over a normal, colored div box. To edit the text, use the div box on the bottom of the code. The background is from 49 Days.

<td valign="top">
<a href="#cred" class="nav">credits</a>
</td>
</table>
</div>
<div id="scrollybox" style="position: absolute;">
<a name="1"></a>
<div id="box">

<h1>first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i53.tinypic.com/2dl6h7a.png"> Some bullets that would match.<br><img src="http://i53.tinypic.com/2dl6h7a.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

</div>

<a name="cred"></a>
<div id="box">
<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> from <a href="/~quinsai">Bedazzled</a>.<br>
Background from <a href="/~Lazahrus">49 Days</a>.</div>

</div>
<div id="titlebox" style="position: absolute;">
<font class="title">title</font>
<font class="titleb">here</font>
</div>
<div id="gradbox" style="position: absolute;"></div>

<td valign="top">
<a href="#cred" class="nav">credits</a>
</td>
</table>
</div>
<div id="scrollybox" style="position: absolute;">
<a name="1"></a>
<div id="box">

<h1>first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i51.tinypic.com/x1lf9v.png"> Some bullets that would match.<br><img src="http://i51.tinypic.com/x1lf9v.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

</div>

<a name="cred"></a>
<div id="box">
<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> from <a href="/~quinsai">Bedazzled</a>.<br>
Background from <a href="/~Lazahrus">49 Days</a>.</div>

</div>
<div id="titlebox" style="position: absolute;">
<font class="title">title</font>
<font class="titleb">here</font>
</div>
<div id="gradbox" style="position: absolute;"></div>

<td valign="top">
<a href="#cred" class="nav">credits</a>
</td>
</table>
</div>
<div id="scrollybox" style="position: absolute;">
<a name="1"></a>
<div id="box">

<h1>first header</h1>

<b>This is bold text</b> isn't that neat? <i>This is italicized text</i>, wowza! <a href="/">Oh my gosh it's a link!</a><br><br>

Welcome, welcome to your new layout! Allow me to tell you how to use it! First and foremost, the credit link <i>must stay on!</i> If you decide to edit this layout a lot, put credit somewhere with a link back to <a href="/~quinsai">Bedazzled</a>. As long as you leave credit, you can edit this layout as much as you want. To save this layout, press <i>Ctrl, - (minus)</i> on the keyboard until <b>Save Changes</b> button is not just visible, but <i>clickable</i>.<br><br><img src="http://i43.tinypic.com/19v82g.png"> Some bullets that would match.<br><img src="http://i43.tinypic.com/19v82g.png"> They're also from <a href="/~quinsai">Bedazzled</a>
<br><h2>this is your second header</h2>

</div>

<a name="cred"></a>
<div id="box">
<h1>Credits</h1>

Layout and coding by <a href="/userlookup.phtml?user=hunkymonky777">Monky</a> from <a href="/~quinsai">Bedazzled</a>.<br>
Background from <a href="/~Lazahrus">49 Days</a>.</div>

</div>
<div id="titlebox" style="position: absolute;">
<font class="title">title</font>
<font class="titleb">here</font>
</div>
<div id="gradbox" style="position: absolute;"></div>

coming soon

Text will go here. This is where text will go. This space is for the description. Testing, testing, 1, 2, 3! Text will go here. This space is for the description. Testing, testing, 1, 2, 3! Cool, huh? Text will go here. This space is for the description. Testing, testing, 1, 2, 3! Text will go here. This is where text will go.