Naruto Petpage Layouts

<div id="dt3">
<a href="/addpet.phtml">Create a Pet </a><a href="/petcentral.phtml">Pet Central </a><a href="/explore.phtml">Explore </a><a href="/gameroom.phtml">Games </a><a href="/neomessages.phtml">Neomail </a><a href="/objects.phtml">Shops </a><a href="/neoboards/index.phtml">Boards </a><a href="/nf.phtml">News </a><a href="/stuff.phtml">Stuff </a><a href="/help.phtml">Help </a>
</div>

<div id="dt2">
<div class="Head"><b>About Me</b></div>
<div class="Tabbot">
<b>Name:</b> Insert text.<br>
<b>Location:</b> Insert text.<br>
<b>Birthday:</b> Insert text.<br>
<b>Age:</b> Insert text.<br>
<b>Gender:</b> Insert text.<br>
<b>Grade:</b> Insert text.<br>
<b>Likes:</b> Insert text.<br>
<b>Dislikes:</b> Insert text.<br>
<b>Other:</b> Insert text.<br>
</div><br>

<div class="Head"><b>About My Pet</b></div>
<div class="Tabbot">
<b>Name:</b> Insert text.<br>
<b>Birthday:</b> Insert text.<br>
<b>Age:</b> Insert text.<br>
<b>Gender:</b> Insert text.<br>
<b>Likes:</b> Insert text.<br>
<b>Dislikes:</b>Insert text.<br>
<b>Other:</b> Insert text.<br>
</div><br>

<div class="Head"><b>Spare Box</b></div>
<div class="Tabbot">
This is a spare text box for any other information you would like to give. Copy this entire paragraph (code chunk) to create multiple boxes just like this one. Paste them directly beneath this paragraph and they will appear in the right column of the layout.<br><br>
You can create more text boxes for your right hand column by copying this code, but be careful. Your height limit is 1097px. If you exceed that limit, you'll create an ugly scroll. D=
</div><br>

<div class="Head"><b>Spare Box 2</b></div>
<div class="Tabbot">
This is a spare text box for any other information you would like to give. Copy this entire paragraph (code chunk) to create multiple boxes just like this one. Paste them directly beneath this paragraph and they will appear in the right column of the layout.<br><br>
You can create more text boxes for your right hand column by copying this code, but be careful. Your height limit is 1097px. If you exceed that limit, you'll create an ugly scroll. D=
</div><br>

<div class="Head"><b>Spare Box 3</b></div>
<div class="Tabbot">
<div class="link">
You can create more text boxes for your right hand column by copying this code, but be careful. Your height limit is 1097px. If you exceed that limit, you'll create an ugly scroll. D=
</div></div>

</div><div id="dt">

<div class="Head2">Saturday, April 12, 2008</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/deidara-i.gif" class="fl">
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.<br><br>
Please remember, your height limit is 1097px. If your text boxes exceed that total, they will cause an ugly scroll to appear and your boxes will distort themselves. D=<br><br>
Because of Neopets recent Petpage changes, you must not click a 'Save Changes' button after viewing a preview of your layout. Changes have been made to all of Towai's code so that this bottom becomes visible for you. It should appear on the left hand side of the layout, a ways down. Once you've made your changes and like how everything appears, click the botton. The button will not show up in your final layout.
<br style="clear: both;"/></div><br>

<div class="Head2">Saturday, April 12, 2008</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/deidara-i.gif" class="fl">
This layout features Deidara of Naruto. Images used are screenshots from Shipuuden episode 4. This layout was made entirely by Dark at Towairaito-Graphics. No part of this layout (I.e. code or images) may be reproduced to create your own version, without permission. Failure to inform myself before you use any of this material in any such way will result in an immediate report to TNT or other authoritative figure.
<br style="clear: both;"/></div><br>

<div class="Head2">Saturday, April 12, 2008</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/deidara-i.gif" class="fl">
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
<br style="clear: both;"/></div><br>

<div class="Head2">Saturday, April 12, 2008</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/deidara-i.gif" class="fl">
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
<br style="clear: both;"/></div><br>

<div class="Head"><b>Navigation</b></div>
<div class="l"><div id="TB">
<a href="/addpet.phtml" class="nav">Create a Pet</a>
<a href="/petcentral.phtml" class="nav">Pet Central</a>
<a href="/explore.phtml" class="nav">Explore</a>
<a href="/gameroom.phtml" class="nav">Games</a>
<a href="/neomessages.phtml" class="nav">Neomail</a>
<a href="/objects.phtml" class="nav">Shops</a>
<a href="/neoboards/index.phtml" class="nav">Boards</a>
<a href="/nf.phtml" class="nav">News</a>
<a href="/stuff.phtml" class="nav">Stuff</a>
<a href="/help.phtml" class="nav">Help</a>
</div></div><br>

<div class="Head"><b>About Me</b></div>
<div class="Tabbot">
<b>Name:</b> Insert text.<br>
<b>Location:</b> Insert text.<br>
<b>Birthday:</b> Insert text.<br>
<b>Age:</b> Insert text.<br>
<b>Gender:</b> Insert text.<br>
<b>Grade:</b> Insert text.<br>
<b>Likes:</b> Insert text.<br>
<b>Dislikes:</b> Insert text.<br>
<b>Other:</b> Insert text.<br>
</div><br>

<div class="Head"><b>Spare Box</b></div>
<div class="Tabbot">
<div class="link">
This is a spare text box for any other information you would like to give. Copy this entire paragraph (code chunk) to create multiple boxes just like this one. Paste them directly beneath this paragraph and they will appear in the right column of the layout.
</div></div>

<h2>Saturday, September 1, 2007</h2>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/naruto-av.gif" class="fl">
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the avatar. Again, you don't need to do anything special to activate this effect.
<br style="clear: both;"/></div><hr>

<h2>Saturday, September 1, 2007</h2>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/naruto-av.gif" class="fl">
Note: Any links added to you or your pets information will appear as ordinary text links and will not automatically box themselves. If you need this effect or other help, neomail me @ dark_riku_765.
<br style="clear: both;"/></div><hr>

<h2>Saturday, September 1, 2007</h2>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/naruto-av.gif" class="fl">
This layout features Naruto, Kakashi, & Sasuke from Naruto. The image used come from the Uzumaki Artbook. "With Spirit Naru-ttebayo" is a roughly translated line that Naruto sings in his Naruto Ondo song. This layout was made entirely by Dark at Towairaito-Graphics. No part of this layout (I.e. code or images) may be reproduced to create your own version, without permission. Failure to inform myself before you use any of this material in any such way will result in an immediate report to TNT or other authoritative figure.
<br style="clear: both;"/></div><hr>

<br><hr><font><center>[NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., Š 1999-2007.
Ž denotes Reg. US Pat. & TM Office. All rights reserved.]
<hr><br></font></center></div>
</div><div id="content">

This is where your updates should go. Try to keep your updates short and sweet so your box doesn't grow a scroll bar. This is where your updates should go. Try to keep your updates short and sweet so your box doesn't grow a scroll bar. This is where your updates should go. Try to keep your updates short and sweet so your box doesn't grow a scroll bar. =) Enjoy!

<br><br></text></div><div id="Lin">
<a href="/addpet.phtml">CREATE A PET</a>
<a href="/petcentral.phtml">PET CENTRAL</a>
<a href="/explore.phtml">EXPLORE</a>
<a href="/gameroom.phtml">GAMES</a>
<a href="/neomessages.phtml">NEOMAIL</a>
<a href="/objects.phtml">SHOPS</a>
<a href="/neoboards/index.phtml">BOARDS</a>
<a href="/nf.phtml">NEWS</a>
<a href="/stuff.phtml">STUFF</a>
<a href="/help.phtml">HELP</a>
<a href="/loginpage.phtml">LOGIN</a>
<a href="/">LOGOUT</a>
</div><div id="Mai">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petpage/sascontent.jpg"><br><br>

All of your content will go here.
All of your content will go here.
All of your content will go here.
All of your content will go here.
All of your content will go here.
All of your content will go here.
All of your content will go here.
All of your content will go here.
All of your content will go here.
All of your content will go here.
All of your content will go here.
All of your content will go here.

</div></font><div id="End">
<img src=http://img.photobucket.com/albums/v368/darkwater657/petpage/sascopy.jpg>
<br><br><br></div></div>
<div class="topbanner"></div><div class="topb"></div><div class="c1"></div><div class="c2"></div><div class="c3"></div>
<div id="content">