WingedWarrior_27 got their homepage at Neopets.com

about the page.

NEW! This page is entered at Leaves of Carnivals. If you like my premades, I would greatly appreciate it if you could vote for me. Thank you so much!

CUSTOMS AND/OR REQUESTS OF ANY KIND ARE NOT CURRENTLY BEING ACCEPTED. I WILL NOT MAKE YOU A PETPAGE RIGHT NOW. SORRY.

This page was founded on January 21, 2008. It contains premade coding that you can use for your petpages. Yayyy.

The premades are organized by style and can be accessed through the menu on the right. Each style then has numerous color variations to choose from.

You can edit these petpages if you want, but whatever you do, KEEP THE CREDIT ON! xD Thanks. I worked really hard on all these, coding them from scratch, and keeping the credit will help me spread the word about my premades. Thanks again!

Total Petpages -- 97

news and updates.

This is where I'm going to write about all the cool new stuff I add to the page. The newest news will be on top. I delete old, unimportant entries every so often.

August 6--Okay...well. You know how they say better late than never? I think that phrase applies here nicely. After almost a month's worth of procrastination, I have chosen the winner of the Coding Competition. Congratulations to Siddey for winning!! Click the link to the right to see her petpage!

July 28--Umm, that month went by in what seemed like a single week. That's sad. Anyway, sorry about not having the winner of the coding competition up yet. Other stuff has gotten in the way...as always, it seems. Hopefully I'll have it up soon.

June 25--Where is my summer going? :( Well, I added a new Song Style today! It features the song What About Now, by Chris Daughtry. I don't really have words to describe it, but if you haven't, you need to go listen to the song right now. Then come back and use my petpage, of course.

June 9--Yayyy another update! Today I added Style Sixteen with three color variations: Color Wheel Cools, Nauseating Neon, and Dainty Daydreams. Go check them outtt.

June 8--Hmm. My first update since school got out. Looking back, school actually went really well this year (I managed to pull off all A's) but it was very stressful, which is why I hardly ever updated this page. Hopefully I'll be able to update more this summer. But probably not, so don't get your hopes up too high.

Anyway, I added the last two color variations of style fifteen: Fiesta Fun and Maybe More Manly. Hahah. Go look at them. Now.

ALSO! I added a new SONG STYLE today. It features the song Lift Me Up, by Kate Voegele. If you haven't heard it before, you need to go listen to it. Like, right now. Then you will love the song so much you'll just have to use my beautiful new petpage.

Furthermore...Kitty's Coding Competition was started today! Scroll down the page to the next section for details.

April 27, 2009--Yes, this is my first update of 2009. I'm very sorry. Life is so crazy right now. I should be studying for my chemistry test (that I have to retake because I got a 63%) but I thought I might as well update this page while I'm home sick. So.

I added a new style today, number fifteen. The first color scheme is called Crazy Candy. Yeah, the name doesn't really match but I couldn't think of anything else. Other color schemes added include Really Reptile and Perfect Princess. So there ya go. Enjoy.

December 19--Um. Hi. My name is Kitty. I run this page. And I never update it. I'm sorry. Heh. Well. I just put up the whole set of Style Fourteens today, so go check it out! Color schemes included are Color Cremation, along with Warm Wishes and Sweet Sugarplums (for the holidays of course!), Really Rainbow, and A Pretty Party (also to celebrate the occasion). (:

September 18--Blah. Sorry I don't update much anymore. You know the drill, school, work, school, work, repeat. GR. Well, my BFFL RACHEL donated a premade that is now called Style Rach. THANK YOU RACHEL. And enjoy. ;D

July 21--Yup. It's back. PetPage CSS by Kitty is officially back up and running. I'm happy. I hope you are too. Interestingly enough, today is the page's 6 month anniversary. Awww. And to kick things off, I've added some new layouts to my Special Styles section, along with a whole set of Style Nines.

June 1--The page was taken down today, for nearly a two month break.

January 21--PetPage CSS by Kitty was founded!

Stuff that's coming soon, along with extra information and notices will go here:

COMING SOON--More color variations of style sixteen and style siddey. Also, I might add some new Song Styles. Although those are kind of annoying to make. LOL.

READ THIS NOW OK THX: If you used one of the Style Brandon premades on or before September 17, 2008, you need to change the username of the link to Brandon to "thegreenlanturn" because his other account got frozen. You can copy a new code, or look at one, if you're confused. Thank you very much, and sorry for the inconvenience.

NEW (well old, now) FEATURE: Neopets has started a new feature with petpages...it's a preview option. You've probably noticed it. You no longer have the option of saving changes without previewing your page anymore. AND they bury the tiny Save Changes button so with some of my layouts it's hard/impossible to find the button to click. How inconvenient. BUT...to get around this...Carrie (carrie623) told me to take out the last closing div at the end of the code. So I went through all (at the time) 35 of my petpages and made this change. Now the Save Changes button will be near the bottom of the page. (Except on Style One, because the button is still clickable).

IMPORTANT: If you used one of my petpages before about February 17th, 2008 (woahhh long time ago), the spacing on it will be messed up. Either copy a new code for it from here, or neomail me if you'd like me to fix your petpage. Thanks, and sorry for the inconvenience.

petpage instructions.

Soooo. For each style of petpage, the first color variation will be a regular screenshot preview. To view it at full size, just drag the image to your address bar. Each additional color variation within that style will look the same, but only has a preview of the specific colors used on that page.

**NOTE that the previews were screenshots taken in Firefox at a 1024x768 resolution. Slight variations may occur for you, if these are not your settings.

Then, under the preview, will be a box with the coding in it. Click inside the box, press CTRL + A and then CTRL + C.

Once you've got that, go here, click EDIT on whichever pet's page you want the layout on, scroll down to the box and click inside it, then (make sure it's empty) and press CTRL + V

Hit Preview Changes and then find the Save Changes button.
And voila! Pretty petpage! xD

style one.

This is the first style I ever made. I really like it a lot. It has block navigation going across the top, and a couple headers to customize. Enjoy!

SOFT CITRUS

COZY & COLORFUL
<style /> .sf, td { display: none; } body { background-color: #F3F5DC; } h1 { font: 36px century gothic; font-weight: bold; color: #D3D8A3; text-align: right; text-transform: lowercase; background-color: #7E615A; letter-spacing: 1px; padding: 5px; margin-bottom: 40px; border-bottom: 6px solid #98BB8A; } h2 { font: 18px century gothic; font-weight: bold; color: #7E615A; text-align: left; text-transform: lowercase; background-color: #D3D8A3; letter-spacing: 4px; padding: 0px; margin: 0px; width: 700px; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #98BB8A; padding: 5px; margin: 0px; margin-bottom: 20px; border-left: 3px solid #7E615A; border-right: 3px solid #7E615A; border-bottom: 7px solid #AF6372; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 30px century gothic; font-weight: bold; color: #FFF; text-align: center; text-transform: lowercase; background-color: #D3D8A3; padding: 5px; margin: 0px; width: 45px; height: 45px; display: block; } a.n2:link, a.n2:active, a.n2:visited { background-color: #98BB8A; } a.n3:link, a.n3:active, a.n3:visited { background-color: #7E615A; } a.n4:link, a.n4:active, a.n4:visited { background-color: #AF6372; } a.n:hover { color: #D3D8A3; } a.n2:hover { color: #98BB8A; } a.n3:hover { color: #7E615A; } a.n4:hover { color: #AF6372; } a:link, a:active, a:visited { font-weight: bold; color: #F3F5DC; text-decoration: none; } a:hover { color: #FFF; } b { color: #AF6372; letter-spacing: 1px; } i { color: #F3F5DC; } u { color: #7E615A; } #information { position: absolute; top: 100px; left: 50px; width: 700px; } #one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten { position: absolute; top: 25px; left: 102px; } #two {left: 162px;} #three {left: 222px;} #four {left: 282px;} #five {left: 342px;} #six {left: 402px;} #seven {left: 462px;} #eight {left: 522px;} #nine {left: 582px;} #ten {left: 642px;} </style /> <div id=one><a href=/myaccount.phtml class=n>n</a></div> <div id=two><a href=/petcentral.phtml class=n2>a</a></div> <div id=three><a href=/explore.phtml class=n3>v</a></div> <div id=four><a href=/games/arcade.phtml class=n4>i</a></div> <div id=five><a href=/neoboards/index.phtml class=n>g</a></div> <div id=six><a href=/objects.phtml class=n2>a</a></div> <div id=seven><a href=/nf.phtml class=n3>t</a></div> <div id=eight><a href=/video/index.phtml class=n4>i</a></div> <div id=nine><a href=/mall/index.phtml class=n>o</a></div> <div id=ten><a href=/~WingedWarrior_27 class=n2>n</a></div> <div id=information> <h1>main title</h1> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div>

DARK FOREST
<style /> .sf, td { display: none; } body { background-color: #B4A573; } h1 { font: 36px century gothic; font-weight: bold; color: #B4A573; text-align: right; text-transform: lowercase; background-color: #022E21; letter-spacing: 1px; padding: 5px; margin-bottom: 40px; border-bottom: 6px solid #181100; } h2 { font: 18px century gothic; font-weight: bold; color: #0E0A00; text-align: left; text-transform: lowercase; background-color: #3A2F13; letter-spacing: 4px; padding: 0px; margin: 0px; width: 700px; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #185745; padding: 5px; margin: 0px; margin-bottom: 20px; border-left: 3px solid #181100; border-right: 3px solid #181100; border-bottom: 7px solid #022E21; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 30px century gothic; font-weight: bold; color: #FFF; text-align: center; text-transform: lowercase; background-color: #3A2F13; padding: 5px; margin: 0px; width: 45px; height: 45px; display: block; } a.n2:link, a.n2:active, a.n2:visited { background-color: #185745; } a.n3:link, a.n3:active, a.n3:visited { background-color: #022E21; } a.n4:link, a.n4:active, a.n4:visited { background-color: #181100; } a.n:hover { color: #3A2F13; } a.n2:hover { color: #185745; } a.n3:hover { color: #022E21; } a.n4:hover { color: #181100; } a:link, a:active, a:visited { font-weight: bold; color: #B4A573; text-decoration: none; } a:hover { color: #FFF; } b { color: #D8A878; letter-spacing: 1px; } i { color: #3A2F13; } u { color: #181100; } #information { position: absolute; top: 100px; left: 50px; width: 700px; } #one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten { position: absolute; top: 25px; left: 102px; } #two {left: 162px;} #three {left: 222px;} #four {left: 282px;} #five {left: 342px;} #six {left: 402px;} #seven {left: 462px;} #eight {left: 522px;} #nine {left: 582px;} #ten {left: 642px;} </style /> <div id=one><a href=/myaccount.phtml class=n>n</a></div> <div id=two><a href=/petcentral.phtml class=n2>a</a></div> <div id=three><a href=/explore.phtml class=n3>v</a></div> <div id=four><a href=/games/arcade.phtml class=n4>i</a></div> <div id=five><a href=/neoboards/index.phtml class=n>g</a></div> <div id=six><a href=/objects.phtml class=n2>a</a></div> <div id=seven><a href=/nf.phtml class=n3>t</a></div> <div id=eight><a href=/video/index.phtml class=n4>i</a></div> <div id=nine><a href=/mall/index.phtml class=n>o</a></div> <div id=ten><a href=/~WingedWarrior_27 class=n2>n</a></div> <div id=information> <h1>main title</h1> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div>

CLEAR BLUE SKY
<style /> .sf, td { display: none; } body { background-color: #D1DAD9; } h1 { font: 36px century gothic; font-weight: bold; color: #ACE0DA; text-align: right; text-transform: lowercase; background-color: #4491BD; letter-spacing: 1px; padding: 5px; margin-bottom: 40px; border-bottom: 6px solid #5AC2D6; } h2 { font: 18px century gothic; font-weight: bold; color: #4491BD; text-align: left; text-transform: lowercase; background-color: #ACE0DA; letter-spacing: 4px; padding: 0px; margin: 0px; width: 700px; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #5AA9D6; padding: 5px; margin: 0px; margin-bottom: 20px; border-left: 3px solid #5AC2D6; border-right: 3px solid #5AC2D6; border-bottom: 7px solid #3A86B2; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 30px century gothic; font-weight: bold; color: #FFF; text-align: center; text-transform: lowercase; background-color: #93CFD3; padding: 5px; margin: 0px; width: 45px; height: 45px; display: block; } a.n2:link, a.n2:active, a.n2:visited { background-color: #5AA9D6; } a.n3:link, a.n3:active, a.n3:visited { background-color: #4491BD; } a.n4:link, a.n4:active, a.n4:visited { background-color: #5AC2D6; } a.n:hover { color: #93CFD3; } a.n2:hover { color: #5AA9D6; } a.n3:hover { color: #4491BD; } a.n4:hover { color: #5AC2D6; } a:link, a:active, a:visited { font-weight: bold; color: #D1DAD9; text-decoration: none; } a:hover { color: #FFF; } b { color: #65CCE0; letter-spacing: 1px; } i { color: #ACE0DA; } u { color: #317DA8; } #information { position: absolute; top: 100px; left: 50px; width: 700px; } #one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten { position: absolute; top: 25px; left: 102px; } #two {left: 162px;} #three {left: 222px;} #four {left: 282px;} #five {left: 342px;} #six {left: 402px;} #seven {left: 462px;} #eight {left: 522px;} #nine {left: 582px;} #ten {left: 642px;} </style /> <div id=one><a href=/myaccount.phtml class=n>n</a></div> <div id=two><a href=/petcentral.phtml class=n2>a</a></div> <div id=three><a href=/explore.phtml class=n3>v</a></div> <div id=four><a href=/games/arcade.phtml class=n4>i</a></div> <div id=five><a href=/neoboards/index.phtml class=n>g</a></div> <div id=six><a href=/objects.phtml class=n2>a</a></div> <div id=seven><a href=/nf.phtml class=n3>t</a></div> <div id=eight><a href=/video/index.phtml class=n4>i</a></div> <div id=nine><a href=/mall/index.phtml class=n>o</a></div> <div id=ten><a href=/~WingedWarrior_27 class=n2>n</a></div> <div id=information> <h1>main title</h1> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div>

STRAWBERRIES & CREME
<style /> .sf, td { display: none; } body { background-color: #F6DEB2; } h1 { font: 36px century gothic; font-weight: bold; color: #FFC8C8; text-align: right; text-transform: lowercase; background-color: #B01847; letter-spacing: 1px; padding: 5px; margin-bottom: 40px; border-bottom: 6px solid #; } h2 { font: 18px century gothic; font-weight: bold; color: #B01847; text-align: left; text-transform: lowercase; background-color: #FFC8C8; letter-spacing: 4px; padding: 0px; margin: 0px; width: 700px; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #F38799; padding: 5px; margin: 0px; margin-bottom: 20px; border-left: 3px solid #; border-right: 3px solid #; border-bottom: 7px solid #B01847; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 30px century gothic; font-weight: bold; color: #FFF; text-align: center; text-transform: lowercase; background-color: #F7B7B7; padding: 5px; margin: 0px; width: 45px; height: 45px; display: block; } a.n2:link, a.n2:active, a.n2:visited { background-color: #F38799; } a.n3:link, a.n3:active, a.n3:visited { background-color: #B01847; } a.n4:link, a.n4:active, a.n4:visited { background-color: #; } a.n:hover { color: #F7B7B7; } a.n2:hover { color: #F38799; } a.n3:hover { color: #B01847; } a.n4:hover { color: #; } a:link, a:active, a:visited { font-weight: bold; color: #F6DEB2; text-decoration: none; } a:hover { color: #FFF; } b { color: #; letter-spacing: 1px; } i { color: #FFC8C8; } u { color: #B01847; } #information { position: absolute; top: 100px; left: 50px; width: 700px; } #one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten { position: absolute; top: 25px; left: 102px; } #two {left: 162px;} #three {left: 222px;} #four {left: 282px;} #five {left: 342px;} #six {left: 402px;} #seven {left: 462px;} #eight {left: 522px;} #nine {left: 582px;} #ten {left: 642px;} </style /> <div id=one><a href=/myaccount.phtml class=n>n</a></div> <div id=two><a href=/petcentral.phtml class=n2>a</a></div> <div id=three><a href=/explore.phtml class=n3>v</a></div> <div id=four><a href=/games/arcade.phtml class=n4>i</a></div> <div id=five><a href=/neoboards/index.phtml class=n>g</a></div> <div id=six><a href=/objects.phtml class=n2>a</a></div> <div id=seven><a href=/nf.phtml class=n3>t</a></div> <div id=eight><a href=/video/index.phtml class=n4>i</a></div> <div id=nine><a href=/mall/index.phtml class=n>o</a></div> <div id=ten><a href=/~WingedWarrior_27 class=n2>n</a></div> <div id=information> <h1>main title</h1> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div>

style two.

Mmkay, so here's the second petpage. Yeah it's pretty. This one has two columns, each with a header, plus a main page header. Enjoy!

VERY VIOLET

SHOCKING CITRUS
<style /> .sf, td { display: none; } body { background-color: #E6E6E6; } h1 { font: 50px georgia; font-weight: bold; font-style: italic; color: #1CBF0D; text-align: center; text-transform: lowercase; background-color: #E7EE39; letter-spacing: -2px; padding: 15px; margin-bottom: 20px; border-top: 5px solid #EEAD39; border-bottom: 5px solid #EEAD39; border-left: 14px solid #EEAD39; border-right: 14px solid #EEAD39; } h2 { font: 20px georgia; font-weight: bold; color: #E7EE39; text-align: center; text-transform: lowercase; background-color: #2EDB1E; letter-spacing: 3px; padding: 10px; margin-bottom: 0px; border-bottom: 4px solid #EEC339; } h3 { font: 4px tahoma; color: #EEAD39; background-color: #EEAD39; margin: 0px; } h4 { font: 8pt georgia; color: #1CBF0D; text-align: left; text-transform: lowercase; background-color: #E7EE39; letter-spacing: 3px; padding: 2px; padding-left: 8px; margin-bottom: 0px; border-bottom: 4px solid #EEC339; } b { color: #E7EE39; letter-spacing: 1px; } i { font-weight: bold; color: #16FF00; } u { font: 10px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { color: #E7EE39; font-weight: bold; } a:hover { color: #EEAD39; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #EEAD39; padding: 5px; margin: 0px; margin-bottom: 20px; border-bottom: 7px solid #26D216; } #page { position: absolute; top: 10px; left: 50px; width: 700px; } #left, #right { position: absolute; top: 160px; } #left { left: 50px; width: 450px; } #right { left: 550px; width: 200px; } a.nav:link, a.nav:active, a.nav:visited { font: 10px century gothic; font-weight: bold; color: #E7EE39; text-decoration: none; text-align: center; text-transform: lowercase; letter-spacing: 1px; background-color: #EEAD39; display: block; margin-bottom: 3px; border-bottom: 1px solid #F7B643; } a.nav:hover { letter-spacing: 10px; } </style /> <div id=page> <h1>page title **</h1> </div> <div id=left> <h2>column title</h2> <h3>.</h3> <h4>section title</h4> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h4>section title</h4> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h4>credits</h4> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div> <div id=right> <h2>column title</h2> <h3>.</h3> <h4>section title</h4> <div class=table> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav>nc mall</a> </div> <h4>section title</h4> <div class=table> Yeah, so you can type in this column over here too. <u>Neat</u>. The more you type, the bigger the table will get. See? This table is big, but the one below it is small. They automatically adjust. </div> <h4>section title</h4> <div class=table> You can add or take out however many sections you want. Yayyy. xD </div>

WOODED FOREST
<style /> .sf, td { display: none; } body { background-color: #DBC9B4; } h1 { font: 50px georgia; font-weight: bold; font-style: italic; color: #704631; text-align: center; text-transform: lowercase; background-color: #BD8648; letter-spacing: -2px; padding: 15px; margin-bottom: 20px; border-top: 5px solid #91462D; border-bottom: 5px solid #91462D; border-left: 14px solid #91462D; border-right: 14px solid #91462D; } h2 { font: 20px georgia; font-weight: bold; color: #91462D; text-align: center; text-transform: lowercase; background-color: #EDA053; letter-spacing: 3px; padding: 10px; margin-bottom: 0px; border-bottom: 4px solid #BD8648; } h3 { font: 4px tahoma; color: #946D41; background-color: #946D41; margin: 0px; } h4 { font: 8pt georgia; color: #F2A150; text-align: left; text-transform: lowercase; background-color: #BD8648; letter-spacing: 3px; padding: 2px; padding-left: 8px; margin-bottom: 0px; border-bottom: 4px solid #946D41; } b { color: #F2A150; letter-spacing: 1px; } i { font-weight: bold; color: #BD8648; } u { font: 10px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { color: #DBC9b4; font-weight: bold; } a:hover { color: #91462D; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #91462D; padding: 5px; margin: 0px; margin-bottom: 20px; border-bottom: 7px solid #EDA053; } #page { position: absolute; top: 10px; left: 50px; width: 700px; } #left, #right { position: absolute; top: 160px; } #left { left: 50px; width: 450px; } #right { left: 550px; width: 200px; } a.nav:link, a.nav:active, a.nav:visited { font: 10px century gothic; font-weight: bold; color: #F2A150; text-decoration: none; text-align: center; text-transform: lowercase; letter-spacing: 1px; background-color: #91462D; display: block; margin-bottom: 3px; border-bottom: 1px solid #9D4E34; } a.nav:hover { color: #BD8648; letter-spacing: 10px; } </style /> <div id=page> <h1>page title **</h1> </div> <div id=left> <h2>column title</h2> <h3>.</h3> <h4>section title</h4> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h4>section title</h4> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h4>credits</h4> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div> <div id=right> <h2>column title</h2> <h3>.</h3> <h4>section title</h4> <div class=table> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav>nc mall</a> </div> <h4>section title</h4> <div class=table> Yeah, so you can type in this column over here too. <u>Neat</u>. The more you type, the bigger the table will get. See? This table is big, but the one below it is small. They automatically adjust. </div> <h4>section title</h4> <div class=table> You can add or take out however many sections you want. Yayyy. xD </div>

COOL COLOR CRAZE
<style /> .sf, td { display: none; } body { background-color: #D2E9D4; } h1 { font: 50px georgia; font-weight: bold; font-style: italic; color: #B1DDF2; text-align: center; text-transform: lowercase; background-color: #3BB78F; letter-spacing: -2px; padding: 15px; margin-bottom: 20px; border-top: 5px solid #3D8CB1; border-bottom: 5px solid #3D8CB1; border-left: 14px solid #3D8CB1; border-right: 14px solid #3D8CB1; } h2 { font: 20px georgia; font-weight: bold; color: #3D8CB1; text-align: center; text-transform: lowercase; background-color: #B1DDF2; letter-spacing: 3px; padding: 10px; margin-bottom: 0px; border-bottom: 4px solid #A1E6A6; } h3 { font: 4px tahoma; color: #3DB18C; background-color: #3DB18C; margin: 0px; } h4 { font: 8pt georgia; color: #3D8CB1; text-align: left; text-transform: lowercase; background-color: #A1E6A6; letter-spacing: 3px; padding: 2px; padding-left: 8px; margin-bottom: 0px; border-bottom: 4px solid #3DB18C; } b { color: #A1E6A6; letter-spacing: 1px; } i { font-weight: bold; color: #B1DDF2; } u { font: 10px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { color: #D2E9D4; font-weight: bold; } a:hover { color: #3D8CB1; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #3D8CB1; padding: 5px; margin: 0px; margin-bottom: 20px; border-bottom: 7px solid #3DB18C; } #page { position: absolute; top: 10px; left: 50px; width: 700px; } #left, #right { position: absolute; top: 160px; } #left { left: 50px; width: 450px; } #right { left: 550px; width: 200px; } a.nav:link, a.nav:active, a.nav:visited { font: 10px century gothic; font-weight: bold; color: #A1E6A6; text-decoration: none; text-align: center; text-transform: lowercase; letter-spacing: 1px; background-color: #3D8CB1; display: block; margin-bottom: 3px; border-bottom: 1px solid #4698BE; } a.nav:hover { color: #B1DDF2; letter-spacing: 10px; } </style /> <div id=page> <h1>page title **</h1> </div> <div id=left> <h2>column title</h2> <h3>.</h3> <h4>section title</h4> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h4>section title</h4> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h4>credits</h4> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div> <div id=right> <h2>column title</h2> <h3>.</h3> <h4>section title</h4> <div class=table> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav>nc mall</a> </div> <h4>section title</h4> <div class=table> Yeah, so you can type in this column over here too. <u>Neat</u>. The more you type, the bigger the table will get. See? This table is big, but the one below it is small. They automatically adjust. </div> <h4>section title</h4> <div class=table> You can add or take out however many sections you want. Yayyy. xD </div>

CHOCOLATE ROSES
<style /> .sf, td { display: none; } body { background-color: #FFC1C8; } h1 { font: 50px georgia; font-weight: bold; font-style: italic; color: #492021; text-align: center; text-transform: lowercase; background-color: #ED5681; letter-spacing: -2px; padding: 15px; margin-bottom: 20px; border-top: 5px solid #864C40; border-bottom: 5px solid #864C40; border-left: 14px solid #864C40; border-right: 14px solid #864C40; } h2 { font: 20px georgia; font-weight: bold; color: #FFC1C8; text-align: center; text-transform: lowercase; background-color: #492021; letter-spacing: 3px; padding: 10px; margin-bottom: 0px; border-bottom: 4px solid #ED5681; } h3 { font: 4px tahoma; color: #AC001D; background-color: #AC001D; margin: 0px; } h4 { font: 8pt georgia; color: #492021; text-align: left; text-transform: lowercase; background-color: #A35140; letter-spacing: 3px; padding: 2px; padding-left: 8px; margin-bottom: 0px; border-bottom: 4px solid #ED5681; } b { color: #ED5681; letter-spacing: 1px; } i { font-weight: bold; color: #FF9BA6; } u { font: 10px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { color: #FFC1C8; font-weight: bold; } a:hover { color: #AC001D; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #AC001D; padding: 5px; margin: 0px; margin-bottom: 20px; border-bottom: 7px solid #ED5681; } #page { position: absolute; top: 10px; left: 50px; width: 700px; } #left, #right { position: absolute; top: 160px; } #left { left: 50px; width: 450px; } #right { left: 550px; width: 200px; } a.nav:link, a.nav:active, a.nav:visited { font: 10px century gothic; font-weight: bold; color: #FF9BA6; text-decoration: none; text-align: center; text-transform: lowercase; letter-spacing: 1px; background-color: #AC001D; display: block; margin-bottom: 3px; border-bottom: 1px solid #BA0423; } a.nav:hover { color: #FFF; letter-spacing: 10px; } </style /> <div id=page> <h1>page title **</h1> </div> <div id=left> <h2>column title</h2> <h3>.</h3> <h4>section title</h4> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h4>section title</h4> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h4>credits</h4> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div> <div id=right> <h2>column title</h2> <h3>.</h3> <h4>section title</h4> <div class=table> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav>nc mall</a> </div> <h4>section title</h4> <div class=table> Yeah, so you can type in this column over here too. <u>Neat</u>. The more you type, the bigger the table will get. See? This table is big, but the one below it is small. They automatically adjust. </div> <h4>section title</h4> <div class=table> You can add or take out however many sections you want. Yayyy. xD </div>

style three.

Ooooh, style three! This is probably my favorite one so far. It's got just one column, which will appear about centered on a 1024x768 resolution (but looks fine on all others). The column is quite a bit narrower than the previous layouts, which adds a stylish flair. :P

Oh yeah, another awesome feature, is that this layout has a solid color background, but with blocks of color going down the side. Now how cool is that?

BRIGHT & BOLD

RICH JEWELS
<style /> .sf, td { display: none; } body { background: #B6B6B6 URL('http://img139.imageshack.us/img139/1847/jewelsbgnj6.jpg') repeat-y; } h1 { font: 40px impact; color: #909B1B; text-align: left; text-transform: lowercase; background-color: #216580; letter-spacing: 8px; padding-left: 4px; margin-bottom: 50px; border-bottom: 10px solid #9B2759; } h2 { font: 18px impact; color: #216580; text-align: right; text-transform: lowercase; background-color: #909B1B; padding-right: 3px; margin-bottom: 0px; border-bottom: 5px solid #133947; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; text-align: left; background-color: #6F2838; padding: 5px; margin: 0px; margin-bottom: 30px; border: 5px solid #9B2759; border-left: 10px solid #9B2759; border-right: 10px solid #9B2759; } b { color: #3383A2; letter-spacing: 1px; } i { color: #909B1B; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #B6B6B6; } a:hover { color: #6F2838; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 13px impact; color: #909B1B; text-decoration: none; } a.n2:link, a.n2:active, a.n2:visited { color: #3383A2; } a.n3:link, a.n3:active, a.n3:visited { color: #909B1B; } a.n4:link, a.n4:active, a.n4:visited { color: #AE2E65; } a.n:hover, a.n2:hover, a.n3:hover, a.n4:hover { color: #6F2838; } #page { position: absolute; top: 30px; left: 300px; width: 450px; } </style /> <div id=page> <h1>main header</h1> <h2>navigation</h2> <div class=table> <div align=center> <a href=/myaccount.phtml class=n>account</a> <a href=/petcentral.phtml class=n2>central</a> <a href=/explore.phtml class=n3>explore</a> <a href=/games/arcade.phtml class=n4>games</a> <a href=/neoboards/index.phtml class=n>boards</a> <a href=/objects.phtml class=n2>shops</a> <a href=/nf.phtml class=n3>news</a> <a href=/video/index.phtml class=n4>video</a> <a href=/mall/index.phtml class=n>nc mall</a> <a href=/~WingedWarrior_27 class=n2>premades</a> </div> </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

PERFECT PASTELS
<style /> .sf, td { display: none; } body { background: #6F6F6F URL('http://img301.imageshack.us/img301/7853/pastelbgiz5.jpg') repeat-y; } h1 { font: 40px impact; color: #CCE9EF; text-align: left; text-transform: lowercase; background-color: #A1D7A3; letter-spacing: 8px; padding-left: 4px; margin-bottom: 50px; border-bottom: 10px solid #E6B1D8; } h2 { font: 18px impact; color: #FF95CE; text-align: right; text-transform: lowercase; background-color: #CCE9EF; padding-right: 3px; margin-bottom: 0px; border-bottom: 5px solid #A1D7A3; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; text-align: left; background-color: #FF7DC2; padding: 5px; margin: 0px; margin-bottom: 30px; border: 5px solid #E6B1D8; border-left: 10px solid #E6B1D8; border-right: 10px solid #E6B1D8; } b { color: #A1D7A3; letter-spacing: 1px; } i { color: #CCE9EF; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #FFF; } a:hover { color: #FF89C8; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 13px impact; color: #D0F6D2; text-decoration: none; } a.n2:link, a.n2:active, a.n2:visited { color: #CBF1DC; } a.n3:link, a.n3:active, a.n3:visited { color: #CCE9EF; } a.n4:link, a.n4:active, a.n4:visited { color: #FFE2F7; } a.n:hover, a.n2:hover, a.n3:hover, a.n4:hover { color: #FF89C8; } #page { position: absolute; top: 30px; left: 300px; width: 450px; } </style /> <div id=page> <h1>main header</h1> <h2>navigation</h2> <div class=table> <div align=center> <a href=/myaccount.phtml class=n>account</a> <a href=/petcentral.phtml class=n2>central</a> <a href=/explore.phtml class=n3>explore</a> <a href=/games/arcade.phtml class=n4>games</a> <a href=/neoboards/index.phtml class=n>boards</a> <a href=/objects.phtml class=n2>shops</a> <a href=/nf.phtml class=n3>news</a> <a href=/video/index.phtml class=n4>video</a> <a href=/mall/index.phtml class=n>nc mall</a> <a href=/~WingedWarrior_27 class=n2>premades</a> </div> </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

SECRET VALENTINE
<style /> .sf, td { display: none; } body { background: #FFF4B4 URL('http://img113.imageshack.us/img113/5930/rosesqp7.jpg') repeat-y; } h1 { font: 40px impact; color: #FC82A5; text-align: left; text-transform: lowercase; background-color: #C31F4C; letter-spacing: 8px; padding-left: 4px; margin-bottom: 50px; border-bottom: 10px solid #9D002C; } h2 { font: 18px impact; color: #E43E6C; text-align: right; text-transform: lowercase; background-color: #FFAAC2; padding-right: 3px; margin-bottom: 0px; border-bottom: 5px solid #C31F4C; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; text-align: left; background-color: #9D002C; padding: 5px; margin: 0px; margin-bottom: 30px; border: 5px solid #E43E6C; border-left: 10px solid #E43E6C; border-right: 10px solid #E43E6C; } b { color: #F36F94; letter-spacing: 1px; } i { color: #FFAAC2; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #FFCCDA; } a:hover { color: #9D002C; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 13px impact; color: #E43E6C; text-decoration: none; } a.n2:link, a.n2:active, a.n2:visited { color: #F36F94; } a.n3:link, a.n3:active, a.n3:visited { color: #FFAAC2; } a.n4:link, a.n4:active, a.n4:visited { color: #FFCCDA; } a.n:hover, a.n2:hover, a.n3:hover, a.n4:hover { color: #9D002C; } #page { position: absolute; top: 30px; left: 300px; width: 450px; } </style /> <div id=page> <h1>main header</h1> <h2>navigation</h2> <div class=table> <div align=center> <a href=/myaccount.phtml class=n>account</a> <a href=/petcentral.phtml class=n2>central</a> <a href=/explore.phtml class=n3>explore</a> <a href=/games/arcade.phtml class=n4>games</a> <a href=/neoboards/index.phtml class=n>boards</a> <a href=/objects.phtml class=n2>shops</a> <a href=/nf.phtml class=n3>news</a> <a href=/video/index.phtml class=n4>video</a> <a href=/mall/index.phtml class=n>nc mall</a> <a href=/~WingedWarrior_27 class=n2>premades</a> </div> </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

COMPLETELY COLORLESS Requested By: dirkotronic
<style /> .sf, td { display: none; } body { background: #000 URL('http://img134.imageshack.us/img134/9260/graybgur8.jpg') repeat-y; } h1 { font: 40px impact; color: #424242; text-align: left; text-transform: lowercase; background-color: #969696; letter-spacing: 8px; padding-left: 4px; margin-bottom: 50px; border-bottom: 10px solid #686868; } h2 { font: 18px impact; color: #686868; text-align: right; text-transform: lowercase; background-color: #FFF; padding-right: 3px; margin-bottom: 0px; border-bottom: 5px solid #424242; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; text-align: left; background-color: #424242; padding: 5px; margin: 0px; margin-bottom: 30px; border: 5px solid #969696; border-left: 10px solid #969696; border-right: 10px solid #969696; } b { color: #969696; letter-spacing: 1px; } i { color: #C0C0C0; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #202020; } a:hover { color: #424242; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 13px impact; color: #FFF; text-decoration: none; } a.n2:link, a.n2:active, a.n2:visited { color: #C0C0C0; } a.n3:link, a.n3:active, a.n3:visited { color: #969696; } a.n4:link, a.n4:active, a.n4:visited { color: #686868; } a.n:hover, a.n2:hover, a.n3:hover, a.n4:hover { color: #424242; } #page { position: absolute; top: 30px; left: 300px; width: 450px; } </style /> <div id=page> <h1>main header</h1> <h2>navigation</h2> <div class=table> <div align=center> <a href=/myaccount.phtml class=n>account</a> <a href=/petcentral.phtml class=n2>central</a> <a href=/explore.phtml class=n3>explore</a> <a href=/games/arcade.phtml class=n4>games</a> <a href=/neoboards/index.phtml class=n>boards</a> <a href=/objects.phtml class=n2>shops</a> <a href=/nf.phtml class=n3>news</a> <a href=/video/index.phtml class=n4>video</a> <a href=/mall/index.phtml class=n>nc mall</a> <a href=/~WingedWarrior_27 class=n2>premades</a> </div> </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

style four.

Drumroll please...style four! This is a really cool style and features a main page header and table sections with headers like all the other styles.

Unlike the others, though, it features two smaller boxes at the top, one with navigation and another little box that you can type in. Also, the whole thing is aligned to the left edge. Neat!

JUICY WATERMELON

RADIENT ROYALTY
<style /> .sf, td { display: none; } body { background: #929292; } h1 { font: 40px trebuchet ms; color: #1994D3; text-align: center; text-transform: lowercase; background-color: #245C8D; letter-spacing: 8px; padding-left: 4px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 50px; border-left: 30px solid #462871; border-right: 30px solid #462871; } h2, h3 { font: 18px trebuchet ms; color: #1994D3; text-align: right; text-transform: lowercase; background-color: #462871; padding-right: 3px; margin: 0px; } h3 { text-align: left; letter-spacing: 2px; padding-left: 3px; } .table, .table2 { width: auto; height: overflow; font: 11px tahoma; color: #FFF; text-align: left; background-color: #2F2547; padding: 5px; margin: 0px; margin-bottom: 30px; border-left: 20px solid #5D2B9B; border-right: 5px solid #5D2B9B; } .table2 { margin-bottom: 0px; border-left: 15px solid #5D2B9B; border-right: none; } b { color: #5D2B9B; letter-spacing: 1px; } i { color: #1994D3; } u { text-transform: uppercase; letter-spacing: -1px; } a:link, a:active, a:visited { font-weight: bold; color: #245C8D; text-decoration: none; text-transform: uppercase; } a:hover { color: #2F2547; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited { font: 14px trebuchet ms; font-weight: bold; color: #462871; text-decoration: none; text-align: right; text-transform: lowercase; background-color: #1994D3; display: block; padding: 1px; padding-right: 1px; margin-bottom: 4px; width: 130px; border-right: 10px solid #245C8D; } a.n2:link, a.n2:active, a.n2:visited { margin-bottom: 1px; } a.n:hover, a.n2:hover { letter-spacing: 3px; } #toppage, #page, #sub, #sub2, #navigation { position: absolute; } #toppage { top: 0px; left: 0px; width: 650px; } #page { top: 300px; left: 0px; width: 650px; } #sub { top: 120px; left: 0px; width: 315px; height: 150px; } #sub2 { top: 120px; left: 335px; width: 315px; height: 150px; overflow: auto; } #navigation { top: 148px; left: 168px; width: 130px; } </style /> <div id=toppage> <h1>main header</h1> </div> <div id=sub> <h3>navigation</h3> <div class=table2> <a href=/myaccount.phtml class=n>account</a> <a href=/petcentral.phtml class=n>central</a> <a href=/explore.phtml class=n>explore</a> <a href=/games/arcade.phtml class=n>games</a> <a href=/neoboards/index.phtml class=n2>boards</a> </div> </div> <div id=navigation> <a href=/objects.phtml class=n>shops</a> <a href=/nf.phtml class=n>news</a> <a href=/video/index.phtml class=n>video</a> <a href=/mall/index.phtml class=n>nc mall</a> <a href=/~WingedWarrior_27 class=n2>premades</a> </div> <div id=sub2> <h3>scrollbox header</h3> <div class=table2> <b>Bold</b>, <i>italics</i>, <u>underlines</u>, and <a href="http://www.neopets.com">links</a> work here too! <p> Oooh a scrollbox! This is a cool new feature that allows you to type stuff in a smaller box instead of your main page. Put a list of friends, a wish list, information, or anything at all in this little box! If you don't type enough, the box will adjust to how much you type. But if you do type enough, it will stop getting taller and will scroll instead. Kind of like the box is doing now. xD So what are you waiting for? Start typing now! </div> </div> <div id=page> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

SPARKLING SPRING
<style /> .sf, td { display: none; } body { background: #000; } h1 { font: 40px trebuchet ms; color: #9DDA32; text-align: center; text-transform: lowercase; background-color: #FDFF67; letter-spacing: 8px; padding-left: 4px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 50px; border-left: 30px solid #9DDA32; border-right: 30px solid #9DDA32; } h2, h3 { font: 18px trebuchet ms; color: #76B40A; text-align: right; text-transform: lowercase; background-color: #FCFF00; padding-right: 3px; margin: 0px; } h3 { text-align: left; letter-spacing: 2px; padding-left: 3px; } .table, .table2 { width: auto; height: overflow; font: 11px tahoma; color: #FFF; text-align: left; background-color: #76B40A; padding: 5px; margin: 0px; margin-bottom: 30px; border-left: 20px solid #9DDA32; border-right: 5px solid #CDFF75; } .table2 { margin-bottom: 0px; border-left: 15px solid #9DDA32; border-right: none; } b { color: #FCFF00; letter-spacing: 1px; } i { color: #FDFF7B; } u { text-transform: uppercase; letter-spacing: -1px; } a:link, a:active, a:visited { font-weight: bold; color: #CDFF75; text-decoration: none; text-transform: uppercase; } a:hover { color: #76B40A; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited { font: 14px trebuchet ms; font-weight: bold; color: #76B40A; text-decoration: none; text-align: right; text-transform: lowercase; background-color: #CDFF75; display: block; padding: 1px; padding-right: 1px; margin-bottom: 4px; width: 130px; border-right: 10px solid #FDFF67; } a.n2:link, a.n2:active, a.n2:visited { margin-bottom: 1px; } a.n:hover, a.n2:hover { letter-spacing: 3px; } #toppage, #page, #sub, #sub2, #navigation { position: absolute; } #toppage { top: 0px; left: 0px; width: 650px; } #page { top: 300px; left: 0px; width: 650px; } #sub { top: 120px; left: 0px; width: 315px; height: 150px; } #sub2 { top: 120px; left: 335px; width: 315px; height: 150px; overflow: auto; } #navigation { top: 148px; left: 168px; width: 130px; } </style /> <div id=toppage> <h1>main header</h1> </div> <div id=sub> <h3>navigation</h3> <div class=table2> <a href=/myaccount.phtml class=n>account</a> <a href=/petcentral.phtml class=n>central</a> <a href=/explore.phtml class=n>explore</a> <a href=/games/arcade.phtml class=n>games</a> <a href=/neoboards/index.phtml class=n2>boards</a> </div> </div> <div id=navigation> <a href=/objects.phtml class=n>shops</a> <a href=/nf.phtml class=n>news</a> <a href=/video/index.phtml class=n>video</a> <a href=/mall/index.phtml class=n>nc mall</a> <a href=/~WingedWarrior_27 class=n2>premades</a> </div> <div id=sub2> <h3>scrollbox header</h3> <div class=table2> <b>Bold</b>, <i>italics</i>, <u>underlines</u>, and <a href="http://www.neopets.com">links</a> work here too! <p> Oooh a scrollbox! This is a cool new feature that allows you to type stuff in a smaller box instead of your main page. Put a list of friends, a wish list, information, or anything at all in this little box! If you don't type enough, the box will adjust to how much you type. But if you do type enough, it will stop getting taller and will scroll instead. Kind of like the box is doing now. xD So what are you waiting for? Start typing now! </div> </div> <div id=page> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

THE FORBIDDEN FOREST
<style /> .sf, td { display: none; } body { background: #A87818; } h1 { font: 40px trebuchet ms; color: #92921E; text-align: center; text-transform: lowercase; background-color: #480000; letter-spacing: 8px; padding-left: 4px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 50px; border-left: 30px solid #383810; border-right: 30px solid #383810; } h2, h3 { font: 18px trebuchet ms; color: #92921E; text-align: right; text-transform: lowercase; background-color: #601800; padding-right: 3px; margin: 0px; } h3 { text-align: left; letter-spacing: 2px; padding-left: 3px; } .table, .table2 { width: auto; height: overflow; font: 11px tahoma; color: #FFF; text-align: left; background-color: #383810; padding: 5px; margin: 0px; margin-bottom: 30px; border-left: 20px solid #92921E; border-right: 5px solid #92921E; } .table2 { margin-bottom: 0px; border-left: 15px solid #92921E; border-right: none; } b { color: #A87818; letter-spacing: 1px; } i { color: #92921E; } u { text-transform: uppercase; letter-spacing: -1px; } a:link, a:active, a:visited { font-weight: bold; color: #A87818; text-decoration: none; text-transform: uppercase; } a:hover { color: #383810; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited { font: 14px trebuchet ms; font-weight: bold; color: #92921E; text-decoration: none; text-align: right; text-transform: lowercase; background-color: #480000; display: block; padding: 1px; padding-right: 1px; margin-bottom: 4px; width: 130px; border-right: 10px solid #601800; } a.n2:link, a.n2:active, a.n2:visited { margin-bottom: 1px; } a.n:hover, a.n2:hover { letter-spacing: 3px; } #toppage, #page, #sub, #sub2, #navigation { position: absolute; } #toppage { top: 0px; left: 0px; width: 650px; } #page { top: 300px; left: 0px; width: 650px; } #sub { top: 120px; left: 0px; width: 315px; height: 150px; } #sub2 { top: 120px; left: 335px; width: 315px; height: 150px; overflow: auto; } #navigation { top: 148px; left: 168px; width: 130px; } </style /> <div id=toppage> <h1>main header</h1> </div> <div id=sub> <h3>navigation</h3> <div class=table2> <a href=/myaccount.phtml class=n>account</a> <a href=/petcentral.phtml class=n>central</a> <a href=/explore.phtml class=n>explore</a> <a href=/games/arcade.phtml class=n>games</a> <a href=/neoboards/index.phtml class=n2>boards</a> </div> </div> <div id=navigation> <a href=/objects.phtml class=n>shops</a> <a href=/nf.phtml class=n>news</a> <a href=/video/index.phtml class=n>video</a> <a href=/mall/index.phtml class=n>nc mall</a> <a href=/~WingedWarrior_27 class=n2>premades</a> </div> <div id=sub2> <h3>scrollbox header</h3> <div class=table2> <b>Bold</b>, <i>italics</i>, <u>underlines</u>, and <a href="http://www.neopets.com">links</a> work here too! <p> Oooh a scrollbox! This is a cool new feature that allows you to type stuff in a smaller box instead of your main page. Put a list of friends, a wish list, information, or anything at all in this little box! If you don't type enough, the box will adjust to how much you type. But if you do type enough, it will stop getting taller and will scroll instead. Kind of like the box is doing now. xD So what are you waiting for? Start typing now! </div> </div> <div id=page> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

SHOCKINGLY SOUR
<style /> .sf, td { display: none; } body { background: #000; } h1 { font: 40px trebuchet ms; color: #F7C220; text-align: center; text-transform: lowercase; background-color: #F77A20; letter-spacing: 8px; padding-left: 4px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 50px; border-left: 30px solid #A1005B; border-right: 30px solid #A1005B; } h2, h3 { font: 18px trebuchet ms; color: #F77A20; text-align: right; text-transform: lowercase; background-color: #F7DB20; padding-right: 3px; margin: 0px; } h3 { text-align: left; letter-spacing: 2px; padding-left: 3px; } .table, .table2 { width: auto; height: overflow; font: 11px tahoma; color: #FFF; text-align: left; background-color: #5C0034; padding: 5px; margin: 0px; margin-bottom: 30px; border-left: 20px solid #A1005B; border-right: 5px solid #F77A20; } .table2 { margin-bottom: 0px; border-left: 15px solid #A1005B; border-right: none; } b { color: #F77A20; letter-spacing: 1px; } i { color: #F7DB20; } u { text-transform: uppercase; letter-spacing: -1px; } a:link, a:active, a:visited { font-weight: bold; color: #F7B020; text-decoration: none; text-transform: uppercase; } a:hover { color: #5C0034; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited { font: 14px trebuchet ms; font-weight: bold; color: #A1005B; text-decoration: none; text-align: right; text-transform: lowercase; background-color: #F7B020; display: block; padding: 1px; padding-right: 1px; margin-bottom: 4px; width: 130px; border-right: 10px solid #F7DB20; } a.n2:link, a.n2:active, a.n2:visited { margin-bottom: 1px; } a.n:hover, a.n2:hover { letter-spacing: 3px; } #toppage, #page, #sub, #sub2, #navigation { position: absolute; } #toppage { top: 0px; left: 0px; width: 650px; } #page { top: 300px; left: 0px; width: 650px; } #sub { top: 120px; left: 0px; width: 315px; height: 150px; } #sub2 { top: 120px; left: 335px; width: 315px; height: 150px; overflow: auto; } #navigation { top: 148px; left: 168px; width: 130px; } </style /> <div id=toppage> <h1>main header</h1> </div> <div id=sub> <h3>navigation</h3> <div class=table2> <a href=/myaccount.phtml class=n>account</a> <a href=/petcentral.phtml class=n>central</a> <a href=/explore.phtml class=n>explore</a> <a href=/games/arcade.phtml class=n>games</a> <a href=/neoboards/index.phtml class=n2>boards</a> </div> </div> <div id=navigation> <a href=/objects.phtml class=n>shops</a> <a href=/nf.phtml class=n>news</a> <a href=/video/index.phtml class=n>video</a> <a href=/mall/index.phtml class=n>nc mall</a> <a href=/~WingedWarrior_27 class=n2>premades</a> </div> <div id=sub2> <h3>scrollbox header</h3> <div class=table2> <b>Bold</b>, <i>italics</i>, <u>underlines</u>, and <a href="http://www.neopets.com">links</a> work here too! <p> Oooh a scrollbox! This is a cool new feature that allows you to type stuff in a smaller box instead of your main page. Put a list of friends, a wish list, information, or anything at all in this little box! If you don't type enough, the box will adjust to how much you type. But if you do type enough, it will stop getting taller and will scroll instead. Kind of like the box is doing now. xD So what are you waiting for? Start typing now! </div> </div> <div id=page> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

style five.

Like OH my gosh, it's style five. xD This one is soooo pretty. Well in my opinion. Let's go over some of the features.

First of all, at the top is an image (a plain one) with a row of circles in different colors. Then going down the side is a column of circles that are actually links! How cool is that? Other than those new features, it's pretty much similar to the other styles, with a main header and sections each with a header.

JUICY NECTARINES

SOGGY SWAMP Requested By: _11556654431221_
<style /> .sf, td { display: none; } body { background-color: #E5DDAE; } h1 { font: 36px century gothic; color: #BAB556; text-align: center; text-transform: uppercase; background-color: #529090; letter-spacing: 3px; padding: 10px; margin-bottom: 45px; border-top: 8px solid #336666; border-bottom: 8px solid #336666; } h2 { font: 18px century gothic; color: #A7A23E; text-align: left; text-transform: uppercase; background-color: #727734; letter-spacing: 2px; padding: 0px; padding-left: 10px; padding-top: 15px; margin: 0px; border-bottom: 3px dashed #A7A23E; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #336666; padding: 5px; margin: 0px; margin-bottom: 20px; } a:link, a:active, a:visited { font: 10px tahoma; font-weight: bold; color: #A7A23E; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; } a:hover { color: #FFF; text-decoration: blink; } b { font-weight: bold; color: #529090; text-transform: uppercase; letter-spacing: 1px; } i { color: #A7A23E; } u { font: 13px tahoma; color: #FFF; letter-spacing: -1px; } #image, #page, #navigation { position: absolute; } #image { top: 0px; left: 0px; } #page { top: 90px; left: 120px; width: 637px; } #navigation { top: 104px; left: 20px; width: 66px; } #a a, #b a, #c a, #d a, #e a, #f a, #g a, #h a, #i a, #j a { display: block; height: 66px; width: 66px; margin-bottom: 5px; } #a a:hover, #b a:hover, #c a:hover, #d a:hover, #e a:hover, #f a:hover, #g a:hover, #h a:hover, #i a:hover, #j a:hover { background-position: top right; } .a {background: url(http://img181.imageshack.us/img181/1527/52216849pm2.jpg);} .b {background: url(http://img353.imageshack.us/img353/2159/33615081bk6.jpg);} .c {background: url(http://img389.imageshack.us/img389/6066/47469026ma4.jpg);} .d {background: url(http://img181.imageshack.us/img181/8205/13397438fg8.jpg);} .e {background: url(http://img181.imageshack.us/img181/5495/89888848ic9.jpg);} .f {background: url(http://img389.imageshack.us/img389/8098/78719981vc9.jpg);} .g {background: url(http://img291.imageshack.us/img291/6320/77577715ua8.jpg);} .h {background: url(http://img389.imageshack.us/img389/6779/60561701ot2.jpg);} .i {background: url(http://img391.imageshack.us/img391/6182/92272713sw3.jpg);} .j {background: url(http://img137.imageshack.us/img137/9914/83963589tx8.jpg);} </style /> <img src=http://img15.imageshack.us/img15/2158/swampimg.jpg id=image> <div id=navigation> <div id=a><a href="/myaccount.phtml" class="a"></a></div> <div id=b><a href="/petcentral.phtml" class="b"></a></div> <div id=c><a href="/explore.phtml" class="c"></a></div> <div id=d><a href="/games/arcade.phtml" class="d"></a></div> <div id=e><a href="/neoboards/index.phtml" class="e"></a></div> <div id=f><a href="/objects.phtml" class="f"></a></div> <div id=g><a href="/nf.phtml" class="g"></a></div> <div id=h><a href="/video/index.phtml" class="h"></a></div> <div id=i><a href="/mall/index.phtml" class="i"></a></div> <div id=j><a href="/~WingedWarrior_27" class="j"></a></div> </div> <div id=page> <h1>page title</h1> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

THE FOREST AGAIN
<style /> .sf, td { display: none; } body { background-color: #A89354; } h1 { font: 36px century gothic; color: #B8B888; text-align: center; text-transform: uppercase; background-color: #787848; letter-spacing: 3px; padding: 10px; margin-bottom: 45px; border-top: 8px solid #303018; border-bottom: 8px solid #303018; } h2 { font: 18px century gothic; color: #B8B888; text-align: left; text-transform: uppercase; background-color: #4A2E20; letter-spacing: 2px; padding: 0px; padding-left: 10px; padding-top: 15px; margin: 0px; border-bottom: 3px dashed #B8B888; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #303018; padding: 5px; margin: 0px; margin-bottom: 20px; } a:link, a:active, a:visited { font: 10px tahoma; font-weight: bold; color: #787848; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; } a:hover { color: #FFF; text-decoration: blink; } b { font-weight: bold; color: #787848; text-transform: uppercase; letter-spacing: 1px; } i { color: #B8B888; } u { font: 13px tahoma; color: #FFF; letter-spacing: -1px; } #image, #page, #navigation { position: absolute; } #image { top: 0px; left: 0px; } #page { top: 90px; left: 120px; width: 637px; } #navigation { top: 104px; left: 20px; width: 66px; } #a a, #b a, #c a, #d a, #e a, #f a, #g a, #h a, #i a, #j a { display: block; height: 66px; width: 66px; margin-bottom: 5px; } #a a:hover, #b a:hover, #c a:hover, #d a:hover, #e a:hover, #f a:hover, #g a:hover, #h a:hover, #i a:hover, #j a:hover { background-position: top right; } .a {background: url(http://img517.imageshack.us/img517/5279/10019159oa5.jpg);} .b {background: url(http://img505.imageshack.us/img505/1873/24717658xf8.jpg);} .c {background: url(http://img505.imageshack.us/img505/9090/35427966zi2.jpg);} .d {background: url(http://img517.imageshack.us/img517/1469/33028450kn9.jpg);} .e {background: url(http://img505.imageshack.us/img505/2482/29900864un6.jpg);} .f {background: url(http://img505.imageshack.us/img505/5519/36427612rd2.jpg);} .g {background: url(http://img360.imageshack.us/img360/5779/97101208su8.jpg);} .h {background: url(http://img360.imageshack.us/img360/9343/34819701kz6.jpg);} .i {background: url(http://img80.imageshack.us/img80/6084/34908031ha8.jpg);} .j {background: url(http://img297.imageshack.us/img297/4640/88156990hk9.jpg);} </style /> <img src=http://img146.imageshack.us/img146/6259/forestimgej5.jpg id=image> <div id=navigation> <div id=a><a href="/myaccount.phtml" class="a"></a></div> <div id=b><a href="/petcentral.phtml" class="b"></a></div> <div id=c><a href="/explore.phtml" class="c"></a></div> <div id=d><a href="/games/arcade.phtml" class="d"></a></div> <div id=e><a href="/neoboards/index.phtml" class="e"></a></div> <div id=f><a href="/objects.phtml" class="f"></a></div> <div id=g><a href="/nf.phtml" class="g"></a></div> <div id=h><a href="/video/index.phtml" class="h"></a></div> <div id=i><a href="/mall/index.phtml" class="i"></a></div> <div id=j><a href="/~WingedWarrior_27" class="j"></a></div> </div> <div id=page> <h1>page title</h1> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

MELLOW AND MUTED
<style /> .sf, td { display: none; } body { background-color: #D9C7B4; } h1 { font: 36px century gothic; color: #C4C4A7; text-align: center; text-transform: uppercase; background-color: #CC9D9D; letter-spacing: 3px; padding: 10px; margin-bottom: 45px; border-top: 8px solid #B88181; border-bottom: 8px solid #B88181; } h2 { font: 18px century gothic; color: #B88181; text-align: left; text-transform: uppercase; background-color: #A4BBA2; letter-spacing: 2px; padding: 0px; padding-left: 10px; padding-top: 15px; margin: 0px; border-bottom: 3px dashed #C4C4A7; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #B88181; padding: 5px; margin: 0px; margin-bottom: 20px; } a:link, a:active, a:visited { font: 10px tahoma; font-weight: bold; color: #CC9D9D; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; } a:hover { color: #FFF; text-decoration: blink; } b { font-weight: bold; color: #D9C7B4; text-transform: uppercase; letter-spacing: 1px; } i { color: #C4C4A7; } u { font: 13px tahoma; color: #FFF; letter-spacing: -1px; } #image, #page, #navigation { position: absolute; } #image { top: 0px; left: 0px; } #page { top: 90px; left: 120px; width: 637px; } #navigation { top: 104px; left: 20px; width: 66px; } #a a, #b a, #c a, #d a, #e a, #f a, #g a, #h a, #i a, #j a { display: block; height: 66px; width: 66px; margin-bottom: 5px; } #a a:hover, #b a:hover, #c a:hover, #d a:hover, #e a:hover, #f a:hover, #g a:hover, #h a:hover, #i a:hover, #j a:hover { background-position: top right; } .a {background: url(http://img175.imageshack.us/img175/5571/40031917eg3.jpg);} .b {background: url(http://img137.imageshack.us/img137/1958/46013289vz9.jpg);} .c {background: url(http://img137.imageshack.us/img137/3945/17901888zr2.jpg);} .d {background: url(http://img390.imageshack.us/img390/1812/63182215vl5.jpg);} .e {background: url(http://img390.imageshack.us/img390/2295/22715333ie2.jpg);} .f {background: url(http://img390.imageshack.us/img390/5213/26867477so7.jpg);} .g {background: url(http://img390.imageshack.us/img390/7992/68698088ew7.jpg);} .h {background: url(http://img390.imageshack.us/img390/9573/26026835sy8.jpg);} .i {background: url(http://img299.imageshack.us/img299/3203/27952234pi7.jpg);} .j {background: url(http://img48.imageshack.us/img48/2482/45065166zg0.jpg);} </style /> <img src=http://img48.imageshack.us/img48/6992/mellowimged9.jpg id=image> <div id=navigation> <div id=a><a href="/myaccount.phtml" class="a"></a></div> <div id=b><a href="/petcentral.phtml" class="b"></a></div> <div id=c><a href="/explore.phtml" class="c"></a></div> <div id=d><a href="/games/arcade.phtml" class="d"></a></div> <div id=e><a href="/neoboards/index.phtml" class="e"></a></div> <div id=f><a href="/objects.phtml" class="f"></a></div> <div id=g><a href="/nf.phtml" class="g"></a></div> <div id=h><a href="/video/index.phtml" class="h"></a></div> <div id=i><a href="/mall/index.phtml" class="i"></a></div> <div id=j><a href="/~WingedWarrior_27" class="j"></a></div> </div> <div id=page> <h1>page title</h1> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

PURPLE 'N' PINK
<style /> .sf, td { display: none; } body { background-color: #FFE4F2; } h1 { font: 36px century gothic; color: #B31B67; text-align: center; text-transform: uppercase; background-color: #651B72; letter-spacing: 3px; padding: 10px; margin-bottom: 45px; border-top: 8px solid #361752; border-bottom: 8px solid #361752; } h2 { font: 18px century gothic; color: #361752; text-align: left; text-transform: uppercase; background-color: #921C7E; letter-spacing: 2px; padding: 0px; padding-left: 10px; padding-top: 15px; margin: 0px; border-bottom: 3px dashed #B31B67; } .table { width: auto; height: overflow; font: 11px tahoma; color: #FFF; background-color: #361752; padding: 5px; margin: 0px; margin-bottom: 20px; } a:link, a:active, a:visited { font: 10px tahoma; font-weight: bold; color: #921C7E; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; } a:hover { color: #FFF; text-decoration: blink; } b { font-weight: bold; color: #921C7E; text-transform: uppercase; letter-spacing: 1px; } i { color: #B31B67; } u { font: 13px tahoma; color: #FFF; letter-spacing: -1px; } #image, #page, #navigation { position: absolute; } #image { top: 0px; left: 0px; } #page { top: 90px; left: 120px; width: 637px; } #navigation { top: 104px; left: 20px; width: 66px; } #a a, #b a, #c a, #d a, #e a, #f a, #g a, #h a, #i a, #j a { display: block; height: 66px; width: 66px; margin-bottom: 5px; } #a a:hover, #b a:hover, #c a:hover, #d a:hover, #e a:hover, #f a:hover, #g a:hover, #h a:hover, #i a:hover, #j a:hover { background-position: top right; } .a {background: url(http://img299.imageshack.us/img299/9126/87404522wi0.jpg);} .b {background: url(http://img118.imageshack.us/img118/3553/10761870iz0.jpg);} .c {background: url(http://img212.imageshack.us/img212/7547/88345955ma3.jpg);} .d {background: url(http://img212.imageshack.us/img212/6109/28577419ok1.jpg);} .e {background: url(http://img212.imageshack.us/img212/1153/45168087kz0.jpg);} .f {background: url(http://img243.imageshack.us/img243/2858/97355773ek0.jpg);} .g {background: url(http://img243.imageshack.us/img243/7190/37486776tt9.jpg);} .h {background: url(http://img141.imageshack.us/img141/8421/44634344pl5.jpg);} .i {background: url(http://img166.imageshack.us/img166/4338/89386316fj8.jpg);} .j {background: url(http://img141.imageshack.us/img141/8157/33036633qq2.jpg);} </style /> <img src=http://img166.imageshack.us/img166/4535/berryimgve1.jpg id=image> <div id=navigation> <div id=a><a href="/myaccount.phtml" class="a"></a></div> <div id=b><a href="/petcentral.phtml" class="b"></a></div> <div id=c><a href="/explore.phtml" class="c"></a></div> <div id=d><a href="/games/arcade.phtml" class="d"></a></div> <div id=e><a href="/neoboards/index.phtml" class="e"></a></div> <div id=f><a href="/objects.phtml" class="f"></a></div> <div id=g><a href="/nf.phtml" class="g"></a></div> <div id=h><a href="/video/index.phtml" class="h"></a></div> <div id=i><a href="/mall/index.phtml" class="i"></a></div> <div id=j><a href="/~WingedWarrior_27" class="j"></a></div> </div> <div id=page> <h1>page title</h1> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section title</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div>

style six.

Ooooh style six! This one's a little bit different than most of the others. The features include the following:

A main header that goes all the way across the page no matter your screen resolution, a new (awesome) style of navigation, two columns to type in, and continuous tables, unlike the the separate sections all the other styles had. Cool!

MARVELOUS MAUVE

BEAUTIFUL BLUES
<style /> .sf, td { display: none; } body { background-color: #44B0CB; } h1 { font: 50px georgia; font-weight: bold; font-style: italic; color: #148C90; text-align: left; text-transform: lowercase; background-color: #006078; letter-spacing: -2px; padding: 0px; padding-top: 30px; margin: 0px; border-bottom: 5px solid #2087A1; width: 100%; } h2, h3, h5, h6 { font: 16px georgia; font-weight: bold; font-style: italic; color: #2087A1; text-align: left; text-transform: lowercase; background: none; letter-spacing: 2px; padding: 0px; padding-top: 10px; margin-bottom: 7px; margin-top: 25px; margin-left: -5px; margin-right: -20px; border-bottom: 1px dashed #44B0CB; } h3, h5 { margin-top: -5px; } h4 { font: 1px georgia; color: #44B0CB; background-color: #44B0CB; border-bottom: 1px dashed #006078; width: 100%; margin-top: 3px; } h5 { margin-bottom: 15px; } h6 { margin-top: 10px; } a:link, a:active, a:visited { font-weight: bold; color: #148C90; text-decoration: none; letter-spacing: 1px; border-bottom: 1px dashed; } a:hover { color: #44B0CB; border: none; } b { font: 12px tahoma; color: #2087A1; text-transform: uppercase; letter-spacing: -1px; } i { color: #44B0CB; } u { font: 10px tahoma; text-transform: uppercase; } #column, #main { position: absolute; top: 130px; height: auto; font: 11px tahoma; color: #ECD6D6; background-color: #005D60; padding: 5px; margin: 0px; } #column { left: 0px; width: 166px; } #main { left: 200px; width: 425px; padding-bottom: 20px; } a.nav:link, a.nav:active, a.nav:visited { font: 14px georgia; font-weight: bold; color: #2087A1; text-transform: lowercase; text-align: center; text-decoration: none; background: none; padding: 0px; padding-right: 0px; margin-top: 5px; border-right: 145px solid #148C90; border-bottom: none; display: block; } a.nav:hover { text-align: right; border-right: none; } </style /> <h1>main page header</h1> <h4>.</h4> <div id=column> <h5>navigation</h5> <a href=/myaccount.phtml class=nav>0</a> <a href=/petcentral.phtml class=nav>1</a> <a href=/explore.phtml class=nav>2</a> <a href=/games/arcade.phtml class=nav>3</a> <a href=/neoboards/index.phtml class=nav>4</a> <a href=/objects.phtml class=nav>5</a> <a href=/nf.phtml class=nav>6</a> <a href=/video/index.phtml class=nav>7</a> <a href=/mall/index.phtml class=nav>8</a> <a href=/~WingedWarrior_27 class=nav>9</a> <h6>side section</h6> This is another cool little place where you can type. If you don't want text over here, just delete all of this. The more you type, the longer this column gets. Neat, right? <h6>credits</h6> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <p> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=main> <h3>section title</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing.

CRAVING COCOA
<style /> .sf, td { display: none; } body { background-color: #F0E8A8; } h1 { font: 50px georgia; font-weight: bold; font-style: italic; color: #B38F51; text-align: left; text-transform: lowercase; background-color: #5A4117; letter-spacing: -2px; padding: 0px; padding-top: 30px; margin: 0px; border-bottom: 5px solid #745521; width: 100%; } h2, h3, h5, h6 { font: 16px georgia; font-weight: bold; font-style: italic; color: #B38F51; text-align: left; text-transform: lowercase; background: none; letter-spacing: 2px; padding: 0px; padding-top: 10px; margin-bottom: 7px; margin-top: 25px; margin-left: -5px; margin-right: -20px; border-bottom: 1px dashed #F0E8A8; } h3, h5 { margin-top: -5px; } h4 { font: 1px georgia; color: #F0E8A8; background-color: #F0E8A8; border-bottom: 1px dashed #604860; width: 100%; margin-top: 3px; } h5 { margin-bottom: 15px; } h6 { margin-top: 10px; } a:link, a:active, a:visited { font-weight: bold; color: #B38F51; text-decoration: none; letter-spacing: 1px; border-bottom: 1px dashed; } a:hover { color: #745521; border: none; } b { font: 12px tahoma; color: #745521; text-transform: uppercase; letter-spacing: -1px; } i { color: #B38F51; } u { font: 10px tahoma; text-transform: uppercase; } #column, #main { position: absolute; top: 130px; height: auto; font: 11px tahoma; color: #ECD6D6; background-color: #46300A; padding: 5px; margin: 0px; } #column { left: 0px; width: 166px; } #main { left: 200px; width: 425px; padding-bottom: 20px; } a.nav:link, a.nav:active, a.nav:visited { font: 14px georgia; font-weight: bold; color: #B38F51; text-transform: lowercase; text-align: center; text-decoration: none; background: none; padding: 0px; padding-right: 0px; margin-top: 5px; border-right: 145px solid #5A4117; border-bottom: none; display: block; } a.nav:hover { text-align: right; border-right: none; } </style /> <h1>main page header</h1> <h4>.</h4> <div id=column> <h5>navigation</h5> <a href=/myaccount.phtml class=nav>0</a> <a href=/petcentral.phtml class=nav>1</a> <a href=/explore.phtml class=nav>2</a> <a href=/games/arcade.phtml class=nav>3</a> <a href=/neoboards/index.phtml class=nav>4</a> <a href=/objects.phtml class=nav>5</a> <a href=/nf.phtml class=nav>6</a> <a href=/video/index.phtml class=nav>7</a> <a href=/mall/index.phtml class=nav>8</a> <a href=/~WingedWarrior_27 class=nav>9</a> <h6>side section</h6> This is another cool little place where you can type. If you don't want text over here, just delete all of this. The more you type, the longer this column gets. Neat, right? <h6>credits</h6> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <p> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=main> <h3>section title</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing.

GRACEFUL GRAYS Requested By: ducks4life38257
<style /> .sf, td { display: none; } body { background-color: #B4B4B4; } h1 { font: 50px georgia; font-weight: bold; font-style: italic; color: #B4B4B4; text-align: left; text-transform: lowercase; background-color: #333; letter-spacing: -2px; padding: 0px; padding-top: 30px; margin: 0px; border-bottom: 5px solid #787878; width: 100%; } h2, h3, h5, h6 { font: 16px georgia; font-weight: bold; font-style: italic; color: #787878; text-align: left; text-transform: lowercase; background: none; letter-spacing: 2px; padding: 0px; padding-top: 10px; margin-bottom: 7px; margin-top: 25px; margin-left: -5px; margin-right: -20px; border-bottom: 1px dashed #B4B4B4; } h3, h5 { margin-top: -5px; } h4 { font: 1px georgia; color: #B4B4B4; background-color: #B4B4B4; border-bottom: 1px dashed #604860; width: 100%; margin-top: 3px; } h5 { margin-bottom: 15px; } h6 { margin-top: 10px; } a:link, a:active, a:visited { font-weight: bold; color: #787878; text-decoration: none; letter-spacing: 1px; border-bottom: 1px dashed; } a:hover { color: #B4B4B4; border: none; } b { font: 12px tahoma; color: #787878; text-transform: uppercase; letter-spacing: -1px; } i { color: #B4B4B4; } u { font: 10px tahoma; text-transform: uppercase; } #column, #main { position: absolute; top: 130px; height: auto; font: 11px tahoma; color: #F0F0F0; background-color: #111; padding: 5px; margin: 0px; } #column { left: 0px; width: 166px; } #main { left: 200px; width: 425px; padding-bottom: 20px; } a.nav:link, a.nav:active, a.nav:visited { font: 14px georgia; font-weight: bold; color: #B4B4B4; text-transform: lowercase; text-align: center; text-decoration: none; background: none; padding: 0px; padding-right: 0px; margin-top: 5px; border-right: 145px solid #3C3C3C; border-bottom: none; display: block; } a.nav:hover { text-align: right; border-right: none; } </style /> <h1>main page header</h1> <h4>.</h4> <div id=column> <h5>navigation</h5> <a href=/myaccount.phtml class=nav>0</a> <a href=/petcentral.phtml class=nav>1</a> <a href=/explore.phtml class=nav>2</a> <a href=/games/arcade.phtml class=nav>3</a> <a href=/neoboards/index.phtml class=nav>4</a> <a href=/objects.phtml class=nav>5</a> <a href=/nf.phtml class=nav>6</a> <a href=/video/index.phtml class=nav>7</a> <a href=/mall/index.phtml class=nav>8</a> <a href=/~WingedWarrior_27 class=nav>9</a> <h6>side section</h6> This is another cool little place where you can type. If you don't want text over here, just delete all of this. The more you type, the longer this column gets. Neat, right? <h6>credits</h6> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <p> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=main> <h3>section title</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing.

ORANGE SMOOTHIE
<style /> .sf, td { display: none; } body { background-color: #F5E5C2; } h1 { font: 50px georgia; font-weight: bold; font-style: italic; color: #FFC095; text-align: left; text-transform: lowercase; background-color: #FF822E; letter-spacing: -2px; padding: 0px; padding-top: 30px; margin: 0px; border-bottom: 5px solid #FFA365; width: 100%; } h2, h3, h5, h6 { font: 16px georgia; font-weight: bold; font-style: italic; color: #FFA365; text-align: left; text-transform: lowercase; background: none; letter-spacing: 2px; padding: 0px; padding-top: 10px; margin-bottom: 7px; margin-top: 25px; margin-left: -5px; margin-right: -20px; border-bottom: 1px dashed #F5E5C2; } h3, h5 { margin-top: -5px; } h4 { font: 1px georgia; color: #F5E5C2; background-color: #F5E5C2; border-bottom: 1px dashed #FF6600; width: 100%; margin-top: 3px; } h5 { margin-bottom: 15px; } h6 { margin-top: 10px; } a:link, a:active, a:visited { font-weight: bold; color: #FFC095; text-decoration: none; letter-spacing: 1px; border-bottom: 1px dashed; } a:hover { color: #FFA365; border: none; } b { font: 12px tahoma; color: #FFA365; text-transform: uppercase; letter-spacing: -1px; } i { color: #FFC095; } u { font: 10px tahoma; text-transform: uppercase; } #column, #main { position: absolute; top: 130px; height: auto; font: 11px tahoma; color: #FFEDE0; background-color: #FF6600; padding: 5px; margin: 0px; } #column { left: 0px; width: 166px; } #main { left: 200px; width: 425px; padding-bottom: 20px; } a.nav:link, a.nav:active, a.nav:visited { font: 14px georgia; font-weight: bold; color: #FFC095; text-transform: lowercase; text-align: center; text-decoration: none; background: none; padding: 0px; padding-right: 0px; margin-top: 5px; border-right: 145px solid #FF934A; border-bottom: none; display: block; } a.nav:hover { text-align: right; border-right: none; } </style /> <h1>main page header</h1> <h4>.</h4> <div id=column> <h5>navigation</h5> <a href=/myaccount.phtml class=nav>0</a> <a href=/petcentral.phtml class=nav>1</a> <a href=/explore.phtml class=nav>2</a> <a href=/games/arcade.phtml class=nav>3</a> <a href=/neoboards/index.phtml class=nav>4</a> <a href=/objects.phtml class=nav>5</a> <a href=/nf.phtml class=nav>6</a> <a href=/video/index.phtml class=nav>7</a> <a href=/mall/index.phtml class=nav>8</a> <a href=/~WingedWarrior_27 class=nav>9</a> <h6>side section</h6> This is another cool little place where you can type. If you don't want text over here, just delete all of this. The more you type, the longer this column gets. Neat, right? <h6>credits</h6> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <p> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=main> <h3>section title</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing.

style seven.

So I noticed that a lot of people like narrower text areas, so here ya go! This style has a narrow main text area with a main header that goes all the way across the top.

It also has neat section titles where the font kind of goes on top of the bottom border. And there's some cool navigation on the left side. OH ya. And the whole main text area will be centered on the page, no matter your resolution. Enjoy!

KITTY COLORS

SUMMER FUN Requested By: superwilhelmina
<style /> .sf, td { display: none; } body { background-color: #EFE990; text-align: center; } h1 { font: 60px rockwell; color: #FFA646; text-align: center; text-transform: lowercase; background-color: #EE008C; letter-spacing: -2px; word-spacing: 10px; padding: 0px; padding-top: 2px; padding-bottom: 12px; margin: 0px; border-bottom: 10px solid #FB64BD; width: 100%; } h2, h3 { font: 25px/15px rockwell; color: #FFA646; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-top: 10px; margin-bottom: 7px; margin-top: 25px; margin-left: -5px; margin-right: -5px; border-bottom: 4px solid #E6851C; } h3 { margin-left: 0px; } a:link, a:active, a:visited { font-weight: bold; color: #FFA646; text-decoration: none; letter-spacing: 1px; border-bottom: 1px solid; } a:hover { color: #FFF; border: none; } b { font: 12px rockwell; font-weight: bold; color: #EE8F29; text-transform: uppercase; } i { color: #EE8F29; letter-spacing: 1px; } u { font: 10px rockwell; text-transform: uppercase; letter-spacing: 1px; } #page { width: 385px; height: auto; font: 11px tahoma; color: #E1E1E1; background-color: #D6007E; padding: 5px; margin: 0 auto 0 auto; border-left: 6px solid #FB64BD; border-right: 6px solid #FB64BD; } #navigation { position: absolute; top: 125px; left: 0px; width: 111px; height: overflow; } a.nav:link, a.nav:active, a.nav:visited { font: 14px rockwell; color: #FFA646; text-transform: lowercase; text-align: right; text-decoration: none; background-color: #EE008C; padding: 0px; margin-bottom: 1px; border-right: 15px solid #FB64BD; border-bottom: none; display: block; } a.nav:hover { padding-right: 15px; border-right: none; } </style /> <h1>main page header</h1> <div id=navigation> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav>mall</a> <a href=/~WingedWarrior_27 class=nav>premades</a> </div> <div id=page> <div align=left> <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>credits</h2> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

PURPLE PASSION Requested By: tiger18141
Left box is light version, right box is dark version.
<style /> .sf, td { display: none; } body { background-color: #333; text-align: center; } h1 { font: 60px rockwell; color: #E6CBFC; text-align: center; text-transform: lowercase; background-color: #B382D9; letter-spacing: -2px; word-spacing: 10px; padding: 0px; padding-top: 2px; padding-bottom: 12px; margin: 0px; border-bottom: 10px solid #C498E6; width: 100%; } h2, h3 { font: 25px/15px rockwell; color: #E6CBFC; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-top: 10px; margin-bottom: 7px; margin-top: 25px; margin-left: -5px; margin-right: -5px; border-bottom: 4px solid #B382D9; } h3 { margin-left: 0px; } a:link, a:active, a:visited { font-weight: bold; color: #D4AFF0; text-decoration: none; letter-spacing: 1px; border-bottom: 1px solid; } a:hover { color: #FFF; border: none; } b { font: 12px rockwell; font-weight: bold; color: #B382D9; text-transform: uppercase; } i { color: #E6CBFC; letter-spacing: 1px; } u { font: 10px rockwell; text-transform: uppercase; letter-spacing: 1px; } #page { width: 385px; height: auto; font: 11px tahoma; color: #F6E9FF; background-color: #8450AC; padding: 5px; margin: 0 auto 0 auto; border-left: 6px solid #C498E6; border-right: 6px solid #C498E6; } #navigation { position: absolute; top: 125px; left: 0px; width: 111px; height: overflow; } a.nav:link, a.nav:active, a.nav:visited { font: 14px rockwell; color: #E6CBFC; text-transform: lowercase; text-align: right; text-decoration: none; background-color: #B382D9; padding: 0px; margin-bottom: 1px; border-right: 15px solid #C498E6; border-bottom: none; display: block; } a.nav:hover { padding-right: 15px; border-right: none; } </style /> <h1>main page header</h1> <div id=navigation> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav>mall</a> <a href=/~WingedWarrior_27 class=nav>premades</a> </div> <div id=page> <div align=left> <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>credits</h2> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. <style /> .sf, td { display: none; } body { background-color: #000; text-align: center; } h1 { font: 60px rockwell; color: #8450AC; text-align: center; text-transform: lowercase; background-color: #48186C; letter-spacing: -2px; word-spacing: 10px; padding: 0px; padding-top: 2px; padding-bottom: 12px; margin: 0px; border-bottom: 10px solid #6C3795; width: 100%; } h2, h3 { font: 25px/15px rockwell; color: #8450AC; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-top: 10px; margin-bottom: 7px; margin-top: 25px; margin-left: -5px; margin-right: -5px; border-bottom: 4px solid #592581; } h3 { margin-left: 0px; } a:link, a:active, a:visited { font-weight: bold; color: #8450AC; text-decoration: none; letter-spacing: 1px; border-bottom: 1px solid; } a:hover { color: #FFF; border: none; } b { font: 12px rockwell; font-weight: bold; color: #8450AC; text-transform: uppercase; } i { color: #8C58B4; letter-spacing: 1px; } u { font: 10px rockwell; text-transform: uppercase; letter-spacing: 1px; } #page { width: 385px; height: auto; font: 11px tahoma; color: #DABFEE; background-color: #300A4D; padding: 5px; margin: 0 auto 0 auto; border-left: 6px solid #6C3795; border-right: 6px solid #6C3795; } #navigation { position: absolute; top: 125px; left: 0px; width: 111px; height: overflow; } a.nav:link, a.nav:active, a.nav:visited { font: 14px rockwell; color: #8C58B4; text-transform: lowercase; text-align: right; text-decoration: none; background-color: #48186C; padding: 0px; margin-bottom: 1px; border-right: 15px solid #6C3795; border-bottom: none; display: block; } a.nav:hover { padding-right: 15px; border-right: none; } </style /> <h1>main page header</h1> <div id=navigation> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav>mall</a> <a href=/~WingedWarrior_27 class=nav>premades</a> </div> <div id=page> <div align=left> <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>credits</h2> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

BLAZING SUN
<style /> .sf, td { display: none; } body { background-color: #000; text-align: center; } h1 { font: 60px rockwell; color: #FF6600; text-align: center; text-transform: lowercase; background-color: #C20000; letter-spacing: -2px; word-spacing: 10px; padding: 0px; padding-top: 2px; padding-bottom: 12px; margin: 0px; border-bottom: 10px solid #E63300; width: 100%; } h2, h3 { font: 25px/15px rockwell; color: #FF6600; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-top: 10px; margin-bottom: 7px; margin-top: 25px; margin-left: -5px; margin-right: -5px; border-bottom: 4px solid #CC0000; } h3 { margin-left: 0px; } a:link, a:active, a:visited { font-weight: bold; color: #FF6600; text-decoration: none; letter-spacing: 1px; border-bottom: 1px solid; } a:hover { color: #FFF; border: none; } b { font: 12px rockwell; font-weight: bold; color: #CC0000; text-transform: uppercase; } i { color: #E63300; letter-spacing: 1px; } u { font: 10px rockwell; text-transform: uppercase; letter-spacing: 1px; } #page { width: 385px; height: auto; font: 11px tahoma; color: #FFF; background-color: #660000; padding: 5px; margin: 0 auto 0 auto; border-left: 6px solid #E63300; border-right: 6px solid #E63300; } #navigation { position: absolute; top: 125px; left: 0px; width: 111px; height: overflow; } a.nav:link, a.nav:active, a.nav:visited { font: 14px rockwell; color: #FF8400; text-transform: lowercase; text-align: right; text-decoration: none; background-color: #CC0000; padding: 0px; margin-bottom: 1px; border-right: 15px solid #E63300; border-bottom: none; display: block; } a.nav:hover { padding-right: 15px; border-right: none; } </style /> <h1>main page header</h1> <div id=navigation> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav>mall</a> <a href=/~WingedWarrior_27 class=nav>premades</a> </div> <div id=page> <div align=left> <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>credits</h2> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

EARTH AND WATER
<style /> .sf, td { display: none; } body { background-color: #007FAE; text-align: center; } h1 { font: 60px rockwell; color: #91E1FF; text-align: center; text-transform: lowercase; background-color: #93AE00; letter-spacing: -2px; word-spacing: 10px; padding: 0px; padding-top: 2px; padding-bottom: 12px; margin: 0px; border-bottom: 10px solid #B4D400; width: 100%; } h2, h3 { font: 25px/15px rockwell; color: #69CBEF; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-top: 10px; margin-bottom: 7px; margin-top: 25px; margin-left: -5px; margin-right: -5px; border-bottom: 4px solid #93AE00; } h3 { margin-left: 0px; } a:link, a:active, a:visited { font-weight: bold; color: #B4D400; text-decoration: none; letter-spacing: 1px; border-bottom: 1px solid; } a:hover { color: #FFF; border: none; } b { font: 12px rockwell; font-weight: bold; color: #93AE00; text-transform: uppercase; } i { color: #69CBEF; letter-spacing: 1px; } u { font: 10px rockwell; text-transform: uppercase; letter-spacing: 1px; } #page { width: 385px; height: auto; font: 11px tahoma; color: #FFF; background-color: #7D9300; padding: 5px; margin: 0 auto 0 auto; border-left: 6px solid #B4D400; border-right: 6px solid #B4D400; } #navigation { position: absolute; top: 125px; left: 0px; width: 111px; height: overflow; } a.nav:link, a.nav:active, a.nav:visited { font: 14px rockwell; color: #FFF; text-transform: lowercase; text-align: right; text-decoration: none; background-color: #93AE00; padding: 0px; margin-bottom: 1px; border-right: 15px solid #B4D400; border-bottom: none; display: block; } a.nav:hover { padding-right: 15px; border-right: none; } </style /> <h1>main page header</h1> <div id=navigation> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav>mall</a> <a href=/~WingedWarrior_27 class=nav>premades</a> </div> <div id=page> <div align=left> <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section title</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>credits</h2> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

style eight.

Oooh. Style eight. This one is quite a bit more simple than any style I've had before. But it's really pretty. Really.

And the new feature for this style is that it is available in three versions, each with a different table width. Awesome.

CALMING COOLS

NATURALLY NEUTRAL
<style /> .sf, td { display: none; } body { background: #3A2020; } #page { position: absolute; top: 30px; left: 100px; width: 300px; font: 11px tahoma; color: #50423B; text-align: right; background-color: #FFF3BD; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #50423B; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #7D7B6A; } h2 { font: 20pt/1pt century gothic; color: #7D7B6A; text-align: right; text-transform: lowercase; background-color: #E2D8A8; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #50423B; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; color: #E2D8A8; background-color: #7D7B6A; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #50423B; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #3A2020; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #E2D8A8; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #E2D8A8; background-color: #3A2020; } #navigation { position: absolute; top: 30px; left: 425px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a> <style /> .sf, td { display: none; } body { background: #3A2020; } #page { position: absolute; top: 30px; left: 100px; width: 400px; font: 11px tahoma; color: #50423B; text-align: right; background-color: #FFF3BD; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #50423B; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #7D7B6A; } h2 { font: 20pt/1pt century gothic; color: #7D7B6A; text-align: right; text-transform: lowercase; background-color: #E2D8A8; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #50423B; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; color: #E2D8A8; background-color: #7D7B6A; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #50423B; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #3A2020; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #E2D8A8; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #E2D8A8; background-color: #3A2020; } #navigation { position: absolute; top: 30px; left: 525px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a> <style /> .sf, td { display: none; } body { background: #3A2020; } #page { position: absolute; top: 30px; left: 100px; width: 500px; font: 11px tahoma; color: #50423B; text-align: right; background-color: #FFF3BD; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #50423B; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #7D7B6A; } h2 { font: 20pt/1pt century gothic; color: #7D7B6A; text-align: right; text-transform: lowercase; background-color: #E2D8A8; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #50423B; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; color: #E2D8A8; background-color: #7D7B6A; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #50423B; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #3A2020; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #E2D8A8; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #E2D8A8; background-color: #3A2020; } #navigation { position: absolute; top: 30px; left: 625px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a>

FASHION FORWARD
<style /> .sf, td { display: none; } body { background: #302A23; } #page { position: absolute; top: 30px; left: 100px; width: 300px; font: 11px tahoma; color: #302A23; text-align: right; background-color: #F2E0AA; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #FF906B; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #F74A4A; } h2 { font: 20pt/1pt century gothic; color: #F74A4A; text-align: right; text-transform: lowercase; background-color: #C0CF84; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #FF906B; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; background-color: #C0CF84; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #F74A4A; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #302A23; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #C0CF84; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #C0CF84; background-color: #302A23; } #navigation { position: absolute; top: 30px; left: 425px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a> <style /> .sf, td { display: none; } body { background: #302A23; } #page { position: absolute; top: 30px; left: 100px; width: 400px; font: 11px tahoma; color: #302A23; text-align: right; background-color: #F2E0AA; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #FF906B; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #F74A4A; } h2 { font: 20pt/1pt century gothic; color: #F74A4A; text-align: right; text-transform: lowercase; background-color: #C0CF84; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #FF906B; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; background-color: #C0CF84; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #F74A4A; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #302A23; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #C0CF84; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #C0CF84; background-color: #302A23; } #navigation { position: absolute; top: 30px; left: 525px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a> <style /> .sf, td { display: none; } body { background: #302A23; } #page { position: absolute; top: 30px; left: 100px; width: 500px; font: 11px tahoma; color: #302A23; text-align: right; background-color: #F2E0AA; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #FF906B; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #F74A4A; } h2 { font: 20pt/1pt century gothic; color: #F74A4A; text-align: right; text-transform: lowercase; background-color: #C0CF84; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #FF906B; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; background-color: #C0CF84; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #F74A4A; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #302A23; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #C0CF84; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #C0CF84; background-color: #302A23; } #navigation { position: absolute; top: 30px; left: 625px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a>

SIZZLING CITRUS
<style /> .sf, td { display: none; } body { background: #ED5739; } #page { position: absolute; top: 30px; left: 100px; width: 300px; font: 11px tahoma; color: #575551; text-align: right; background-color: #EDC539; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #ED7C39; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #ED5739; } h2 { font: 20pt/1pt century gothic; color: #ED5739; text-align: right; text-transform: lowercase; background-color: #EDA139; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #ED7C39; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; color: #ED5739; background-color: #EDA139; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #ED5739; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #ED5739; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #EDA139; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #EDA139; background-color: #ED5739; } #navigation { position: absolute; top: 30px; left: 425px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a> <style /> .sf, td { display: none; } body { background: #ED5739; } #page { position: absolute; top: 30px; left: 100px; width: 400px; font: 11px tahoma; color: #575551; text-align: right; background-color: #EDC539; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #ED7C39; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #ED5739; } h2 { font: 20pt/1pt century gothic; color: #ED5739; text-align: right; text-transform: lowercase; background-color: #EDA139; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #ED7C39; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; color: #ED5739; background-color: #EDA139; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #ED5739; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #ED5739; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #EDA139; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #EDA139; background-color: #ED5739; } #navigation { position: absolute; top: 30px; left: 525px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a> <style /> .sf, td { display: none; } body { background: #ED5739; } #page { position: absolute; top: 30px; left: 100px; width: 500px; font: 11px tahoma; color: #575551; text-align: right; background-color: #EDC539; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #ED7C39; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #ED5739; } h2 { font: 20pt/1pt century gothic; color: #ED5739; text-align: right; text-transform: lowercase; background-color: #EDA139; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #ED7C39; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; color: #ED5739; background-color: #EDA139; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #ED5739; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #ED5739; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #EDA139; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #EDA139; background-color: #ED5739; } #navigation { position: absolute; top: 30px; left: 625px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a>

ANTIQUED PLUM
<style /> .sf, td { display: none; } body { background: #4B303E; } #page { position: absolute; top: 30px; left: 100px; width: 300px; font: 11px tahoma; color: #4B303E; text-align: right; background-color: #C4B586; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #755164; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #946D6A; } h2 { font: 20pt/1pt century gothic; color: #755164; text-align: right; text-transform: lowercase; background-color: #A38C77; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #946D6A; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; color: #755164; background-color: #A38C77; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #755164; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #4B303E; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #946D6A; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #946D6A; background-color: #4B303E; } #navigation { position: absolute; top: 30px; left: 425px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a> <style /> .sf, td { display: none; } body { background: #4B303E; } #page { position: absolute; top: 30px; left: 100px; width: 400px; font: 11px tahoma; color: #4B303E; text-align: right; background-color: #C4B586; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #755164; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #946D6A; } h2 { font: 20pt/1pt century gothic; color: #755164; text-align: right; text-transform: lowercase; background-color: #A38C77; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #946D6A; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; color: #755164; background-color: #A38C77; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #755164; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #4B303E; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #946D6A; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #946D6A; background-color: #4B303E; } #navigation { position: absolute; top: 30px; left: 525px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a> <style /> .sf, td { display: none; } body { background: #4B303E; } #page { position: absolute; top: 30px; left: 100px; width: 500px; font: 11px tahoma; color: #4B303E; text-align: right; background-color: #C4B586; padding: 10px; } h1 { font: 40pt/33pt century gothic; color: #755164; text-align: left; text-transform: lowercase; background: none; letter-spacing: -5px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: 30px; border-bottom: 3px solid #946D6A; } h2 { font: 20pt/1pt century gothic; color: #755164; text-align: right; text-transform: lowercase; background-color: #A38C77; letter-spacing: -1px; word-spacing: 5px; padding: 0px; padding-bottom: 10px; margin: 0px; margin-bottom: 5px; margin-top: 25px; } b { color: #946D6A; text-transform: uppercase; letter-spacing: -1px; } i { font: 10px tahoma; color: #755164; background-color: #A38C77; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt century gothic; font-weight: bold; color: #755164; } a:hover { text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { font: 20pt century gothic; color: #4B303E; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #946D6A; padding: 0 5 3 5; margin-bottom: 1px; display: block; } a.nav:hover { color: #946D6A; background-color: #4B303E; } #navigation { position: absolute; top: 30px; left: 625px; width: 40px; } </style /> <div id=page> <h1>main header</h1> <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>section header</h2> </div> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <div align=right> <h2>credits</h2> </div> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=navigation> <a href=/myaccount.phtml class=nav>n</a> <a href=/petcentral.phtml class=nav>a</a> <a href=/explore.phtml class=nav>v</a> <a href=/games/arcade.phtml class=nav>i</a> <a href=/neoboards/index.phtml class=nav>g</a> <a href=/objects.phtml class=nav>a</a> <a href=/nf.phtml class=nav>t</a> <a href=/video/index.phtml class=nav>i</a> <a href=/mall/index.phtml class=nav>o</a> <a href=/~WingedWarrior_27 class=nav>n</a>

style nine.

The first new style after my nearly two month long hiatus from the page. Yay.

It's got a main page header with some cool block stripes underneath it, along with matching sections and block navigation. Enjoy!

COMFORTINGLY COOL

WELCOMINGLY WARM
<style /> .sf, td { display: none; } body { background: #F0E6CC; } #heading { position: absolute; top: 10px; left: 20px; width: 615px; } h1 { font: 40pt/33pt tahoma; font-weight: bold; color: #DB5C5C; text-align: left; text-transform: lowercase; background: none; letter-spacing: -2px; word-spacing: 5px; padding: 0px; margin: 0px; border-bottom: 15px solid #DBDA5C; } h2, h6 { font: 20pt/18pt tahoma; font-weight: bold; color: #DB5C5C; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; word-spacing: 3px; padding: 0px; margin: 0px; border-bottom: 10px solid #DBDA5C; } h3, h4, h5 { font: 15px tahoma; color: #DBB95C; background-color: #DBB95C; padding: 0px; margin: 0px; } h4 { color: #DB985C; background-color: #DB985C; } h5 { color: #DB5C5C; background-color: #DB5C5C; } #page { position: absolute; top: 150px; left: 20px; width: 560px; } .table { font: 11px tahoma; color: #F0E6CC; background-color: #DB985C; padding: 5px; margin: 0px; margin-bottom: 20px; border-top: 10px solid #DBB95C; border-bottom: 10px solid #DB5C5C; } b { color: #DB5C5C; text-transform: uppercase; } i { font: 10px tahoma; background-color: #DBB95C; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt tahoma; font-weight: bold; color: #DBDA5C; } a:hover { text-decoration: none; } #navigation { position: absolute; top: 174px; left: 595px; width: 40px; } a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { font: 20pt tahoma; color: #DB5C5C; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #DBDA5C; padding: 0 5 3 5; margin: 0px; display: block; border: 3px solid #DB985C; border-top: none; border-bottom: none; } a.nav2:link, a.nav2:active, a.nav2:visited { border-top: 3px solid #DB985C; border-bottom: none; } a.nav3:link, a.nav3:active, a.nav3:visited { border-top: none; border-bottom: 3px solid #DB985C; } a.nav:hover, a.nav2:hover, a.nav3:hover { background-color: #DBB95C; } </style /> <div id=heading> <h1>main page header</h1> <h3>.</h3> <h4>.</h4> <h5>.</h5> </div> <div id=page> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div> <div id=navigation> <a href=/myaccount.phtml class=nav2>1</a> <a href=/petcentral.phtml class=nav>2</a> <a href=/explore.phtml class=nav>3</a> <a href=/games/arcade.phtml class=nav>4</a> <a href=/neoboards/index.phtml class=nav>5</a> <a href=/objects.phtml class=nav>6</a> <a href=/nf.phtml class=nav>7</a> <a href=/video/index.phtml class=nav>8</a> <a href=/mall/index.phtml class=nav3>9</a>

CRAFTY CAMOUFLAGE
<style /> .sf, td { display: none; } body { background: #CFCCAA; } #heading { position: absolute; top: 10px; left: 20px; width: 615px; } h1 { font: 40pt/33pt tahoma; font-weight: bold; color: #1F1F1E; text-align: left; text-transform: lowercase; background: none; letter-spacing: -2px; word-spacing: 5px; padding: 0px; margin: 0px; border-bottom: 15px solid #B5AB4C; } h2, h6 { font: 20pt/18pt tahoma; font-weight: bold; color: #1F1F1E; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; word-spacing: 3px; padding: 0px; margin: 0px; border-bottom: 10px solid #B5AB4C; } h3, h4, h5 { font: 15px tahoma; color: #6B6E44; background-color: #6B6E44; padding: 0px; margin: 0px; } h4 { color: #303138; background-color: #303138; } h5 { color: #1F1F1E; background-color: #1F1F1E; } #page { position: absolute; top: 150px; left: 20px; width: 560px; } .table { font: 11px tahoma; color: #F0E6CC; background-color: #303138; padding: 5px; margin: 0px; margin-bottom: 20px; border-top: 10px solid #6B6E44; border-bottom: 10px solid #1F1F1E; } b { color: #CFCCAA; text-transform: uppercase; } i { font: 10px tahoma; background-color: #6B6E44; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt tahoma; font-weight: bold; color: #B5AB4C; } a:hover { text-decoration: none; } #navigation { position: absolute; top: 174px; left: 595px; width: 40px; } a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { font: 20pt tahoma; color: #1F1F1E; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #B5AB4C; padding: 0 5 3 5; margin: 0px; display: block; border: 3px solid #303138; border-top: none; border-bottom: none; } a.nav2:link, a.nav2:active, a.nav2:visited { border-top: 3px solid #303138; border-bottom: none; } a.nav3:link, a.nav3:active, a.nav3:visited { border-top: none; border-bottom: 3px solid #303138; } a.nav:hover, a.nav2:hover, a.nav3:hover { background-color: #6B6E44; } </style /> <div id=heading> <h1>main page header</h1> <h3>.</h3> <h4>.</h4> <h5>.</h5> </div> <div id=page> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div> <div id=navigation> <a href=/myaccount.phtml class=nav2>1</a> <a href=/petcentral.phtml class=nav>2</a> <a href=/explore.phtml class=nav>3</a> <a href=/games/arcade.phtml class=nav>4</a> <a href=/neoboards/index.phtml class=nav>5</a> <a href=/objects.phtml class=nav>6</a> <a href=/nf.phtml class=nav>7</a> <a href=/video/index.phtml class=nav>8</a> <a href=/mall/index.phtml class=nav3>9</a>

FLUFFY FROSTING
<style /> .sf, td { display: none; } body { background: #F5F0DE; } #heading { position: absolute; top: 10px; left: 20px; width: 615px; } h1 { font: 40pt/33pt tahoma; font-weight: bold; color: #774F38; text-align: left; text-transform: lowercase; background: none; letter-spacing: -2px; word-spacing: 5px; padding: 0px; margin: 0px; border-bottom: 15px solid #F6E3C3; } h2, h6 { font: 20pt/18pt tahoma; font-weight: bold; color: #774F38; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; word-spacing: 3px; padding: 0px; margin: 0px; border-bottom: 10px solid #F6E3C3; } h3, h4, h5 { font: 15px tahoma; color: #F1CBAF; background-color: #F1CBAF; padding: 0px; margin: 0px; } h4 { color: #E08E79; background-color: #E08E79; } h5 { color: #774F38; background-color: #774F38; } #page { position: absolute; top: 150px; left: 20px; width: 560px; } .table { font: 11px tahoma; color: #F0E6CC; background-color: #E08E79; padding: 5px; margin: 0px; margin-bottom: 20px; border-top: 10px solid #F1CBAF; border-bottom: 10px solid #774F38; } b { color: #774F38; text-transform: uppercase; } i { font: 10px tahoma; color: #774F38; background-color: #F1CBAF; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt tahoma; font-weight: bold; color: #F6E3C3; } a:hover { text-decoration: none; } #navigation { position: absolute; top: 174px; left: 595px; width: 40px; } a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { font: 20pt tahoma; color: #774F38; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #f6e3c3; padding: 0 5 3 5; margin: 0px; display: block; border: 3px solid #E08E79; border-top: none; border-bottom: none; } a.nav2:link, a.nav2:active, a.nav2:visited { border-top: 3px solid #E08E79; border-bottom: none; } a.nav3:link, a.nav3:active, a.nav3:visited { border-top: none; border-bottom: 3px solid #E08E79; } a.nav:hover, a.nav2:hover, a.nav3:hover { background-color: #F1CBAF; } </style /> <div id=heading> <h1>main page header</h1> <h3>.</h3> <h4>.</h4> <h5>.</h5> </div> <div id=page> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div> <div id=navigation> <a href=/myaccount.phtml class=nav2>1</a> <a href=/petcentral.phtml class=nav>2</a> <a href=/explore.phtml class=nav>3</a> <a href=/games/arcade.phtml class=nav>4</a> <a href=/neoboards/index.phtml class=nav>5</a> <a href=/objects.phtml class=nav>6</a> <a href=/nf.phtml class=nav>7</a> <a href=/video/index.phtml class=nav>8</a> <a href=/mall/index.phtml class=nav3>9</a>

GHOSTLY GHOUL
<style /> .sf, td { display: none; } body { background: #E7EED0; } #heading { position: absolute; top: 10px; left: 20px; width: 615px; } h1 { font: 40pt/33pt tahoma; font-weight: bold; color: #2E1437; text-align: left; text-transform: lowercase; background: none; letter-spacing: -2px; word-spacing: 5px; padding: 0px; margin: 0px; border-bottom: 15px solid #CAD1C3; } h2, h6 { font: 20pt/18pt tahoma; font-weight: bold; color: #2E1437; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; word-spacing: 3px; padding: 0px; margin: 0px; border-bottom: 10px solid #CAD1C3; } h3, h4, h5 { font: 15px tahoma; color: #948E99; background-color: #948E99; padding: 0px; margin: 0px; } h4 { color: #51425F; background-color: #51425F; } h5 { color: #2E1437; background-color: #2E1437; } #page { position: absolute; top: 150px; left: 20px; width: 560px; } .table { font: 11px tahoma; color: #F0E6CC; background-color: #51425F; padding: 5px; margin: 0px; margin-bottom: 20px; border-top: 10px solid #948E99; border-bottom: 10px solid #2E1437; } b { color: #2E1437; text-transform: uppercase; } i { font: 10px tahoma; background-color: #948E99; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font: 8pt tahoma; font-weight: bold; color: #CAD1C3; } a:hover { text-decoration: none; } #navigation { position: absolute; top: 174px; left: 595px; width: 40px; } a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { font: 20pt tahoma; color: #2E1437; text-transform: lowercase; text-decoration: none; text-align: center; background-color: #CAD1C3; padding: 0 5 3 5; margin: 0px; display: block; border: 3px solid #51425F; border-top: none; border-bottom: none; } a.nav2:link, a.nav2:active, a.nav2:visited { border-top: 3px solid #51425F; border-bottom: none; } a.nav3:link, a.nav3:active, a.nav3:visited { border-top: none; border-bottom: 3px solid #51425F; } a.nav:hover, a.nav2:hover, a.nav3:hover { background-color: #948E99; } </style /> <div id=heading> <h1>main page header</h1> <h3>.</h3> <h4>.</h4> <h5>.</h5> </div> <div id=page> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>section header</h2> <div class=table> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. </div> <h2>credits</h2> <div class=table> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> </div> <div id=navigation> <a href=/myaccount.phtml class=nav2>1</a> <a href=/petcentral.phtml class=nav>2</a> <a href=/explore.phtml class=nav>3</a> <a href=/games/arcade.phtml class=nav>4</a> <a href=/neoboards/index.phtml class=nav>5</a> <a href=/objects.phtml class=nav>6</a> <a href=/nf.phtml class=nav>7</a> <a href=/video/index.phtml class=nav>8</a> <a href=/mall/index.phtml class=nav3>9</a>

style ten.

Hmmm. This one's kinda boring. Haha. Well not really...I love the navigation. The little tabs on the side pop out and say the name of the link. Otherwise, it's pretty standard stuff. =P Enjoy.

SEAWEED SURPLUS

TREND TIME
<style /> .sf, td { display: none; } body { background: #3B8183; } #heading { position: absolute; top: 0px; left: 25px; width: 431px; } #page { position: absolute; top: 72px; left: 25px; width: 431px; font: 11px tahoma; color: #FAD089; text-align: justify; background-color: #ED303C; } h1 { font: 28pt century gothic; font-style: italic; color: #FAD089; text-align: right; text-transform: lowercase; background-color: #F5634A; padding-top: 25px; margin: 0px; margin-bottom: 20px; border-bottom: 2px solid #FAD089; } h2 { font: 18pt/16pt century gothic; color: #FAD089; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; padding: 0px; margin-bottom: 5px; border-bottom: 2px solid #FF9C5B; } b { font: 9pt century gothic; font-weight: bold; color: #FFE3B4; text-transform: uppercase; letter-spacing: -1px; } i { font: 9pt century gothic; font-weight: bold; font-style: italic; color: #FF9C5B; } u { font: 8pt century gothic; font-weight: bold; } a:link, a:active, a:visited { color: #FFE3B4; text-decoration: none; } a:hover { text-decoration: line-through; } #a, #b, #c, #d, #e, #f, #g, #h, #i { position: absolute; top: 71px; left: 370px; } #b {top: 101px;} #c {top: 131px;} #d {top: 161px;} #e {top: 191px;} #f {top: 221px;} #g {top: 251px;} #h {top: 281px;} #i {top: 311px;} a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited { font: 16pt century gothic; color: #FAD089; text-align: left; text-transform: lowercase; text-decoration: none; background-color: #FCBB77; padding: 0px; margin: 1px; display: block; width: 110px; border-right: 5px solid #FFE3B4; } a.nav2:link, a.nav2:active, a.nav2:visited { font: 14pt century gothic; padding-top: 1px; padding-bottom: 1px; } a.nav:hover, a.nav2:hover { color: #ED303C; text-align: right; padding-left: 60px; border-right: none; } </style /> <div id=heading> <h1>main page header</h1> </div> <div id=a><a href=/myaccount.phtml class=nav2>account</a></div> <div id=b><a href=/petcentral.phtml class=nav>central</a></div> <div id=c><a href=/explore.phtml class=nav>explore</a></div> <div id=d><a href=/games/arcade.phtml class=nav>games</a></div> <div id=e><a href=/neoboards/index.phtml class=nav>boards</a></div> <div id=f><a href=/objects.phtml class=nav>shops</a></div> <div id=g><a href=/nf.phtml class=nav>news</a></div> <div id=h><a href=/video/index.phtml class=nav>video</a></div> <div id=i><a href=/mall/index.phtml class=nav>mall</a></div> </div> <div id=page> <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

WOODY SAGE
<style /> .sf, td { display: none; } body { background: #CECDAE; } #heading { position: absolute; top: 0px; left: 25px; width: 431px; } #page { position: absolute; top: 72px; left: 25px; width: 431px; font: 11px tahoma; color: #E2E4BC; text-align: justify; background-color: #563B20; } h1 { font: 28pt century gothic; font-style: italic; color: #332B16; text-align: right; text-transform: lowercase; background-color: #838151; padding-top: 25px; margin: 0px; margin-bottom: 20px; border-bottom: 2px solid #E2E4BC; } h2 { font: 18pt/16pt century gothic; color: #838151; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; padding: 0px; margin-bottom: 5px; border-bottom: 2px solid #332B16; } b { font: 9pt century gothic; font-weight: bold; color: #87A26C; text-transform: uppercase; letter-spacing: -1px; } i { font: 9pt century gothic; font-weight: bold; font-style: italic; color: #587E5B; } u { font: 8pt century gothic; font-weight: bold; } a:link, a:active, a:visited { color: #87A26C; text-decoration: none; } a:hover { text-decoration: line-through; } #a, #b, #c, #d, #e, #f, #g, #h, #i { position: absolute; top: 71px; left: 370px; } #b {top: 101px;} #c {top: 131px;} #d {top: 161px;} #e {top: 191px;} #f {top: 221px;} #g {top: 251px;} #h {top: 281px;} #i {top: 311px;} a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited { font: 16pt century gothic; color: #C5C38A; text-align: left; text-transform: lowercase; text-decoration: none; background-color: #ADAB79; padding: 0px; margin: 1px; display: block; width: 110px; border-right: 5px solid #838151; } a.nav2:link, a.nav2:active, a.nav2:visited { font: 14pt century gothic; padding-top: 1px; padding-bottom: 1px; } a.nav:hover, a.nav2:hover { color: #563B20; text-align: right; padding-left: 60px; border-right: none; } </style /> <div id=heading> <h1>main page header</h1> </div> <div id=a><a href=/myaccount.phtml class=nav2>account</a></div> <div id=b><a href=/petcentral.phtml class=nav>central</a></div> <div id=c><a href=/explore.phtml class=nav>explore</a></div> <div id=d><a href=/games/arcade.phtml class=nav>games</a></div> <div id=e><a href=/neoboards/index.phtml class=nav>boards</a></div> <div id=f><a href=/objects.phtml class=nav>shops</a></div> <div id=g><a href=/nf.phtml class=nav>news</a></div> <div id=h><a href=/video/index.phtml class=nav>video</a></div> <div id=i><a href=/mall/index.phtml class=nav>mall</a></div> </div> <div id=page> <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

DREARY DAY
<style /> .sf, td { display: none; } body { background: #7F7F7F; } #heading { position: absolute; top: 0px; left: 25px; width: 431px; } #page { position: absolute; top: 72px; left: 25px; width: 431px; font: 11px tahoma; color: #C2C2C2; text-align: justify; background-color: #505050; } h1 { font: 28pt century gothic; font-style: italic; color: #383838; text-align: right; text-transform: lowercase; background-color: #9E9E9E; padding-top: 25px; margin: 0px; margin-bottom: 20px; border-bottom: 2px solid #C2C2C2; } h2 { font: 18pt/16pt century gothic; color: #9E9E9E; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; padding: 0px; margin-bottom: 5px; border-bottom: 2px solid #383838; } b { font: 9pt century gothic; font-weight: bold; color: #9E9E9E; text-transform: uppercase; letter-spacing: -1px; } i { font: 9pt century gothic; font-weight: bold; font-style: italic; color: #7F7F7F; } u { font: 8pt century gothic; font-weight: bold; } a:link, a:active, a:visited { color: #8F8F8F; text-decoration: none; } a:hover { text-decoration: line-through; } #a, #b, #c, #d, #e, #f, #g, #h, #i { position: absolute; top: 71px; left: 370px; } #b {top: 101px;} #c {top: 131px;} #d {top: 161px;} #e {top: 191px;} #f {top: 221px;} #g {top: 251px;} #h {top: 281px;} #i {top: 311px;} a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited { font: 16pt century gothic; color: #C2C2C2; text-align: left; text-transform: lowercase; text-decoration: none; background-color: #C2C2C2; padding: 0px; margin: 1px; display: block; width: 110px; border-right: 5px solid #9E9E9E; } a.nav2:link, a.nav2:active, a.nav2:visited { font: 14pt century gothic; padding-top: 1px; padding-bottom: 1px; } a.nav:hover, a.nav2:hover { color: #505050; text-align: right; padding-left: 60px; border-right: none; } </style /> <div id=heading> <h1>main page header</h1> </div> <div id=a><a href=/myaccount.phtml class=nav2>account</a></div> <div id=b><a href=/petcentral.phtml class=nav>central</a></div> <div id=c><a href=/explore.phtml class=nav>explore</a></div> <div id=d><a href=/games/arcade.phtml class=nav>games</a></div> <div id=e><a href=/neoboards/index.phtml class=nav>boards</a></div> <div id=f><a href=/objects.phtml class=nav>shops</a></div> <div id=g><a href=/nf.phtml class=nav>news</a></div> <div id=h><a href=/video/index.phtml class=nav>video</a></div> <div id=i><a href=/mall/index.phtml class=nav>mall</a></div> </div> <div id=page> <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

STRAWBERRY SORBET
<style /> .sf, td { display: none; } body { background: #FF907A; } #heading { position: absolute; top: 0px; left: 25px; width: 431px; } #page { position: absolute; top: 72px; left: 25px; width: 431px; font: 11px tahoma; color: #FFDCA0; text-align: justify; background-color: #FF6976; } h1 { font: 28pt century gothic; font-style: italic; color: #FF4075; text-align: right; text-transform: lowercase; background-color: #FFBE88; padding-top: 25px; margin: 0px; margin-bottom: 20px; border-bottom: 2px solid #FFDCA0; } h2 { font: 18pt/16pt century gothic; color: #FFBE88; text-align: left; text-transform: lowercase; background: none; letter-spacing: -1px; padding: 0px; margin-bottom: 5px; border-bottom: 2px solid #FF4075; } b { font: 9pt century gothic; font-weight: bold; color: #FFBE88; text-transform: uppercase; letter-spacing: -1px; } i { font: 9pt century gothic; font-weight: bold; font-style: italic; color: #FFE6BA; } u { font: 8pt century gothic; font-weight: bold; } a:link, a:active, a:visited { color: #FFE6BA; text-decoration: none; } a:hover { text-decoration: line-through; } #a, #b, #c, #d, #e, #f, #g, #h, #i { position: absolute; top: 71px; left: 370px; } #b {top: 101px;} #c {top: 131px;} #d {top: 161px;} #e {top: 191px;} #f {top: 221px;} #g {top: 251px;} #h {top: 281px;} #i {top: 311px;} a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited { font: 16pt century gothic; color: #FFDCA0; text-align: left; text-transform: lowercase; text-decoration: none; background-color: #FFDCA0; padding: 0px; margin: 1px; display: block; width: 110px; border-right: 5px solid #FFBE88; } a.nav2:link, a.nav2:active, a.nav2:visited { font: 14pt century gothic; padding-top: 1px; padding-bottom: 1px; } a.nav:hover, a.nav2:hover { color: #FF6976; text-align: right; padding-left: 60px; border-right: none; } </style /> <div id=heading> <h1>main page header</h1> </div> <div id=a><a href=/myaccount.phtml class=nav2>account</a></div> <div id=b><a href=/petcentral.phtml class=nav>central</a></div> <div id=c><a href=/explore.phtml class=nav>explore</a></div> <div id=d><a href=/games/arcade.phtml class=nav>games</a></div> <div id=e><a href=/neoboards/index.phtml class=nav>boards</a></div> <div id=f><a href=/objects.phtml class=nav>shops</a></div> <div id=g><a href=/nf.phtml class=nav>news</a></div> <div id=h><a href=/video/index.phtml class=nav>video</a></div> <div id=i><a href=/mall/index.phtml class=nav>mall</a></div> </div> <div id=page> <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. Keep typing. <h2>section header</h2> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

style eleven.

The idea for this layout (and the first color scheme) were requested by apocolocyntosis. I really like how it turned out.

There are three columns, each with a scrollbox above it. The main page header and subheader are also really cool. :0 Note that the scrollboxes will automatically scroll no matter how much you type, and the three columns will automatically adjust to be shorter or longer depending on how much text you have. Yay.

SUN & SEA

MELTY MILK CHOCOLATE
<style /> .sf, td { display: none; } body { background-color: #D3C9AC; } #one, #two, #three, #four, #five, #six, #top, #nav { position: absolute; left: 20px; width: 200px; font: 11px tahoma; color: #D3C9AC; text-align: justify; padding: 3px; margin: 0px; } #one, #two, #three { top: 120px; height: 150px; overflow: auto; background-color: #885C33; border: 1px solid #5A3A1C; } #four, #five, #six { top: 290px; height: auto; background-color: #5A3A1C; border: 1px solid #3A2109; } #two, #five {left: 240px;} #three, #six {left: 460px;} #top { top: 0px; left: 20px; width: 646px; } #nav { top: 75px; left: 27px; width: 646px; } h1 { font: 40pt garamond; color: #5A3A1C; text-align: center; text-transform: lowercase; letter-spacing: -4px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: -14px; } h2 { font: 18pt/16pt garamond; color: #D3C9AC; text-align: right; text-transform: lowercase; background-color: #885C33; letter-spacing: -1px; word-spacing: 3px; padding: 0px; padding-right: 5px; padding-bottom: 5px; margin: 0px; border-left: 40px solid #5A3A1C; border-top: 1px solid #5A3A1C; border-bottom: 1px solid #5A3A1C; } h3, h4 { font: 14pt/10pt garamond; color: #E8DFC6; text-align: left; padding: 0px; margin: 0px; margin-bottom: 5px; border-bottom: 1px solid #5A3A1C; } h4 { color: #B6AA89; border-bottom: 1px solid #3A2109; } a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { font: 14pt garamond; font-weight: bold; color: #5A3A1C; text-align: center; text-decoration: none; text-transform: lowercase; background: none; letter-spacing: -1px; padding: 0px; margin: 11px; display: inline; } a.nav2:link, a.nav2:active, a.nav2:visited { margin-left: 0px; } a.nav3:link, a.nav3:active, a.nav3:visited { margin-right: 0px; } a.nav:hover, a.nav2:hover, a.nav3:hover { color: #885C33; text-decoration: blink; } b { font: 10pt garamond; } i { color: #3A2109; letter-spacing: 1px; } u { font: 10px tahoma; font-weight: bold; color: #D3C9AC; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #EEE5CB; text-decoration: none; } a:hover { color: #D3C9AC; } </style /> <div id=top> <h1>main page header</h1> <h2>main page subheader</h2> </div> <div id=nav> <a href=/myaccount.phtml class=nav2>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav3>nc mall</a> </div> <div id=one> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=two> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=three> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=four> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>section heading</h4> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=five> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>section heading</h4> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=six> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>credits</h4> <div align=left> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

FLAMING FIREBALL
<style /> .sf, td { display: none; } body { background-color: #FBD711; } #one, #two, #three, #four, #five, #six, #top, #nav { position: absolute; left: 20px; width: 200px; font: 11px tahoma; color: #242424; text-align: justify; padding: 3px; margin: 0px; } #one, #two, #three { top: 120px; height: 150px; overflow: auto; background-color: #EE8F28; border: 1px solid #E24E36; } #four, #five, #six { top: 290px; height: auto; background-color: #E24E36; border: 1px solid #C6351E; } #two, #five {left: 240px;} #three, #six {left: 460px;} #top { top: 0px; left: 20px; width: 646px; } #nav { top: 75px; left: 27px; width: 646px; } h1 { font: 40pt garamond; color: #E24E36; text-align: center; text-transform: lowercase; letter-spacing: -4px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: -14px; } h2 { font: 18pt/16pt garamond; color: #C6351E; text-align: right; text-transform: lowercase; background-color: #EE8F28; letter-spacing: -1px; word-spacing: 3px; padding: 0px; padding-right: 5px; padding-bottom: 5px; margin: 0px; border-left: 40px solid #E24E36; border-top: 1px solid #E24E36; border-bottom: 1px solid #E24E36; } h3, h4 { font: 14pt/10pt garamond; color: #FBD711; text-align: left; padding: 0px; margin: 0px; margin-bottom: 5px; border-bottom: 1px solid #FBD711; } h4 { color: #FBD711; border-bottom: 1px solid #FBD711; } a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { font: 14pt garamond; font-weight: bold; color: #E24E36; text-align: center; text-decoration: none; text-transform: lowercase; background: none; letter-spacing: -1px; padding: 0px; margin: 11px; display: inline; } a.nav2:link, a.nav2:active, a.nav2:visited { margin-left: 0px; } a.nav3:link, a.nav3:active, a.nav3:visited { margin-right: 0px; } a.nav:hover, a.nav2:hover, a.nav3:hover { color: #EE8F28; text-decoration: blink; } b { font: 10pt garamond; color: #000; } i { color: #FBD711; letter-spacing: 1px; } u { font: 10px tahoma; font-weight: bold; color: #FBD711; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #FBD711; text-decoration: none; } a:hover { color: #E24E36; } </style /> <div id=top> <h1>main page header</h1> <h2>main page subheader</h2> </div> <div id=nav> <a href=/myaccount.phtml class=nav2>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav3>nc mall</a> </div> <div id=one> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=two> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=three> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=four> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>section heading</h4> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=five> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>section heading</h4> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=six> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>credits</h4> <div align=left> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

CRAZY COMPLEMENTARY COLORS
<style /> .sf, td { display: none; } body { background-color: #92D252; } #one, #two, #three, #four, #five, #six, #top, #nav { position: absolute; left: 20px; width: 200px; font: 11px tahoma; color: #CACACA; text-align: justify; padding: 3px; margin: 0px; } #one, #two, #three { top: 120px; height: 150px; overflow: auto; background-color: #993399; border: 1px solid #663399; } #four, #five, #six { top: 290px; height: auto; background-color: #663399; border: 1px solid #4A1A79; } #two, #five {left: 240px;} #three, #six {left: 460px;} #top { top: 0px; left: 20px; width: 646px; } #nav { top: 75px; left: 27px; width: 646px; } h1 { font: 40pt garamond; color: #663399; text-align: center; text-transform: lowercase; letter-spacing: -4px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: -14px; } h2 { font: 18pt/16pt garamond; color: #92D252; text-align: right; text-transform: lowercase; background-color: #993399; letter-spacing: -1px; word-spacing: 3px; padding: 0px; padding-right: 5px; padding-bottom: 5px; margin: 0px; border-left: 40px solid #663399; border-top: 1px solid #663399; border-bottom: 1px solid #663399; } h3, h4 { font: 14pt/10pt garamond; color: #4A1A79; text-align: left; padding: 0px; margin: 0px; margin-bottom: 5px; border-bottom: 1px solid #92D252; } h4 { color: #B74BB7; border-bottom: 1px solid #92D252; } a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { font: 14pt garamond; font-weight: bold; color: #663399; text-align: center; text-decoration: none; text-transform: lowercase; background: none; letter-spacing: -1px; padding: 0px; margin: 11px; display: inline; } a.nav2:link, a.nav2:active, a.nav2:visited { margin-left: 0px; } a.nav3:link, a.nav3:active, a.nav3:visited { margin-right: 0px; } a.nav:hover, a.nav2:hover, a.nav3:hover { color: #993399; text-decoration: blink; } b { font: 10pt garamond; color: #FFF; } i { color: #92D252; letter-spacing: 1px; } u { font: 10px tahoma; font-weight: bold; color: #92D252; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #92D252; text-decoration: none; } a:hover { color: #FFF; } </style /> <div id=top> <h1>main page header</h1> <h2>main page subheader</h2> </div> <div id=nav> <a href=/myaccount.phtml class=nav2>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav3>nc mall</a> </div> <div id=one> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=two> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=three> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=four> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>section heading</h4> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=five> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>section heading</h4> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=six> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>credits</h4> <div align=left> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

BASIC BLUES
<style /> .sf, td { display: none; } body { background-color: #EAEAEA; } #one, #two, #three, #four, #five, #six, #top, #nav { position: absolute; left: 20px; width: 200px; font: 11px tahoma; color: #444; text-align: justify; padding: 3px; margin: 0px; } #one, #two, #three { top: 120px; height: 150px; overflow: auto; background-color: #00C0FF; border: 1px solid #008BB9; } #four, #five, #six { top: 290px; height: auto; color: #292929; background-color: #008BB9; border: 1px solid #005672; } #two, #five {left: 240px;} #three, #six {left: 460px;} #top { top: 0px; left: 20px; width: 646px; } #nav { top: 75px; left: 27px; width: 646px; } h1 { font: 40pt garamond; color: #008BB9; text-align: center; text-transform: lowercase; letter-spacing: -4px; word-spacing: 10px; padding: 0px; margin: 0px; margin-bottom: -14px; } h2 { font: 18pt/16pt garamond; color: #006485; text-align: right; text-transform: lowercase; background-color: #00C0FF; letter-spacing: -1px; word-spacing: 3px; padding: 0px; padding-right: 5px; padding-bottom: 5px; margin: 0px; border-left: 40px solid #008BB9; border-top: 1px solid #008BB9; border-bottom: 1px solid #008BB9; } h3, h4 { font: 14pt/10pt garamond; color: #005672; text-align: left; padding: 0px; margin: 0px; margin-bottom: 5px; border-bottom: 1px solid #008BB9; } h4 { color: #00C0FF; border-bottom: 1px solid #005672; } a.nav:link, a.nav:active, a.nav:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited { font: 14pt garamond; font-weight: bold; color: #008BB9; text-align: center; text-decoration: none; text-transform: lowercase; background: none; letter-spacing: -1px; padding: 0px; margin: 11px; display: inline; } a.nav2:link, a.nav2:active, a.nav2:visited { margin-left: 0px; } a.nav3:link, a.nav3:active, a.nav3:visited { margin-right: 0px; } a.nav:hover, a.nav2:hover, a.nav3:hover { color: #00C0FF; text-decoration: blink; } b { font: 10pt garamond; color: #EAEAEA; } i { color: #FFF; letter-spacing: 1px; } u { font: 10px tahoma; font-weight: bold; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #EAEAEA; text-decoration: none; } a:hover { color: #000; } </style /> <div id=top> <h1>main page header</h1> <h2>main page subheader</h2> </div> <div id=nav> <a href=/myaccount.phtml class=nav2>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/mall/index.phtml class=nav3>nc mall</a> </div> <div id=one> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=two> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=three> <h3>section heading</h3> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h3>section heading</h3> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=four> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>section heading</h4> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=five> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>section heading</h4> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! </div> <div id=six> <h4>section heading</h4> Type your text here. Ya. This is <b>bold</b>, <i>italics</i>, <u>underline</u>, and a <a href="http://www.neopets.com">link</a>. <br> NeoMail Web Messaging Note: When you have more than 100 messages in your Inbox, you cannot receive Neomail! Anyone found to be breaking our rules will have their account permanently frozen. If you spot anything that isn't right and our monitors haven't addressed the problem, please notify us using this form and it will be removed ASAP. If you could help us by deleting old messages, we would really appreciate it! <br><br> <h4>credits</h4> <div align=left> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>.

style twelve.

Ahhh I love this one. It's got four scrollboxes for your text. And the navigation links are really cool. So use this petpage. Okay? Go.

LEMON LIME REMIX

BRIGHT & BLINDING
<style /> .sf, td { display: none; } body { background-color: #07C0D9; } #one, #two, #three, #four { position: absolute; left: 20px; font: 11px tahoma; color: #222; width: 350px; height: 100px; padding-left: 5px; overflow: auto; } #one { top: 20px; color: #222; background-color: #FF0B0A; } #two { top: 137px; color: #222; background-color: #FF9005; } #three { top: 254px; background-color: #DFFC06; } #four { top: 371px; background-color: #5EF805; } #navigation { position: absolute; top: 20px; left: 400px; width: 135px; font: 10px tahoma; color: #222; text-align: justify; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 22px tahoma; color: #FF0B0A; text-decoration: none; background-color: #FF0B0A; padding: 0px; margin: 0px; width: 15px; height: 361px; display: -moz-inline-box; } a.n2:link, a.n2:active, a.n2:visited { color: #FF9005; background-color: #FF9005; } a.n3:link, a.n3:active, a.n3:visited { color: #DFFC06; background-color: #DFFC06; } a.n4:link, a.n4:active, a.n4:visited { color: #5EF805; background-color: #5EF805; } a.n:hover, a.n2:hover, a.n3:hover, a.n4:hover { color: #222; background-color: #222; } h1, h3, h4, h5 { font: 10px tahoma; font-weight: bold; color: #DFFC06; text-align: left; text-transform: lowercase; background: none; letter-spacing: 2px; padding: 0px; margin-top: 5px; margin-bottom: 1px; } h3 { color: #07C0D9; } h4 { font: 26px/24px tahoma; color: #07C0D9; background-color: #DFFC06; letter-spacing: 0px; padding: 0px; margin-top: 0px; border-bottom: 5px solid #FF9005; } h5 { font: 12px tahoma; font-weight: bold; color: #07C0D9; text-align: right; background-color: #5EF805; letter-spacing: 1px; padding-bottom: 1px; margin-top: 10px; margin-bottom: 0px; } b { font: 10px tahoma; font-weight: bold; color: #FF9005; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font-size: 10px; font-weight: bold; color: #DFFC06; text-decoration: none; } a:hover { color: #5EF805; } </style /> <div id=one> <h1>section header</h1> Your text goes in these four cool boxes. They scroll if you type enough. You can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="www.neopets.com">link</a> fonts if you want. They won't all look good in every box though. <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=two> <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=three> <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=four> <h3>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=navigation> <h4>welcome</h4> <h5>navigation</h5> <a href=/myaccount.phtml class=n>1</a><a href=/petcentral.phtml class=n2>2</a><a href=/explore.phtml class=n3>3</a><a href=/games/arcade.phtml class=n4>4</a><a href=/neoboards/index.phtml class=n>5</a><a href=/objects.phtml class=n2>6</a><a href=/nf.phtml class=n3>7</a><a href=/video/index.phtml class=n4>8</a><a href=/mall/index.phtml class=n>9</a> <br><br> PetPage CSS by Kitty. <a href=/~WingedWarrior_27>Get it.</a> <br> Homepage --- <a href="http://www.neopets.com">neopets.com</a>.</div>

SOFTLY SILENT
<style /> .sf, td { display: none; } body { background-color: #E4E7C1; } #one, #two, #three, #four { position: absolute; left: 20px; font: 11px tahoma; color: #E4E7C1; width: 350px; height: 100px; padding-left: 5px; overflow: auto; } #one { top: 20px; color: #616461; background-color: #A0C494; } #two { top: 137px; color: #E4E7C1; background-color: #759283; } #three { top: 254px; background-color: #616461; } #four { top: 371px; background-color: #4D363F; } #navigation { position: absolute; top: 20px; left: 400px; width: 135px; font: 10px tahoma; color: #4D363F; text-align: justify; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 22px tahoma; color: #A0C494; text-decoration: none; background-color: #A0C494; padding: 0px; margin: 0px; width: 15px; height: 361px; display: -moz-inline-box; } a.n2:link, a.n2:active, a.n2:visited { color: #759283; background-color: #759283; } a.n3:link, a.n3:active, a.n3:visited { color: #616461; background-color: #616461; } a.n4:link, a.n4:active, a.n4:visited { color: #4D363F; background-color: #4D363F; } a.n:hover, a.n2:hover, a.n3:hover, a.n4:hover { color: #E4E7C1; background-color: #E4E7C1; } h1, h2, h3, h4, h5 { font: 10px tahoma; font-weight: bold; color: #4D363F; text-align: left; text-transform: lowercase; background: none; letter-spacing: 2px; padding: 0px; margin-top: 5px; margin-bottom: 1px; } h2 { color: #616461; } h3 { color: #A0C494; } h4 { font: 26px/24px tahoma; color: #616461; background-color: #A0C494; letter-spacing: 0px; padding: 0px; margin-top: 0px; border-bottom: 5px solid #759283; } h5 { font: 12px tahoma; font-weight: bold; color: #759283; text-align: right; background-color: #4D363F; letter-spacing: 1px; padding-bottom: 1px; margin-top: 10px; margin-bottom: 0px; } b { font: 10px tahoma; font-weight: bold; color: #616461; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font-size: 10px; font-weight: bold; color: #4D363F; text-decoration: none; } a:hover { color: #616461; } </style /> <div id=one> <h1>section header</h1> Your text goes in these four cool boxes. They scroll if you type enough. You can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="www.neopets.com">link</a> fonts if you want. They won't all look good in every box though. <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=two> <h2>section header</h2> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h2>section header</h2> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=three> <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=four> <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=navigation> <h4>welcome</h4> <h5>navigation</h5> <a href=/myaccount.phtml class=n>1</a><a href=/petcentral.phtml class=n2>2</a><a href=/explore.phtml class=n3>3</a><a href=/games/arcade.phtml class=n4>4</a><a href=/neoboards/index.phtml class=n>5</a><a href=/objects.phtml class=n2>6</a><a href=/nf.phtml class=n3>7</a><a href=/video/index.phtml class=n4>8</a><a href=/mall/index.phtml class=n>9</a> <br><br> PetPage CSS by Kitty. <a href=/~WingedWarrior_27>Get it.</a> <br> Homepage --- <a href="http://www.neopets.com">neopets.com</a>.</div>

MOLTEN GOLD
<style /> .sf, td { display: none; } body { background-color: #DFCEAB; } #one, #two, #three, #four { position: absolute; left: 20px; font: 11px tahoma; color: #F4AF36; width: 350px; height: 100px; padding-left: 5px; overflow: auto; } #one { top: 20px; color: #442415; background-color: #C47A0D; } #two { top: 137px; color: #F4AF36; background-color: #724204; } #three { top: 254px; background-color: #442415; } #four { top: 371px; background-color: #231105; } #navigation { position: absolute; top: 20px; left: 400px; width: 135px; font: 10px tahoma; color: #231105; text-align: justify; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 22px tahoma; color: #C47A0D; text-decoration: none; background-color: #C47A0D; padding: 0px; margin: 0px; width: 15px; height: 361px; display: -moz-inline-box; } a.n2:link, a.n2:active, a.n2:visited { color: #724204; background-color: #724204; } a.n3:link, a.n3:active, a.n3:visited { color: #442415; background-color: #442415; } a.n4:link, a.n4:active, a.n4:visited { color: #231105; background-color: #231105; } a.n:hover, a.n2:hover, a.n3:hover, a.n4:hover { color: #DFCEAB; background-color: #DFCEAB; } h1, h2, h3, h4, h5 { font: 10px tahoma; font-weight: bold; color: #442415; text-align: left; text-transform: lowercase; background: none; letter-spacing: 2px; padding: 0px; margin-top: 5px; margin-bottom: 1px; } h2 { color: #231105; } h3 { color: #C47A0D; } h4 { font: 26px/24px tahoma; color: #442415; background-color: #C47A0D; letter-spacing: 0px; padding: 0px; margin-top: 0px; border-bottom: 5px solid #724204; } h5 { font: 12px tahoma; font-weight: bold; color: #724204; text-align: right; background-color: #231105; letter-spacing: 1px; padding-bottom: 1px; margin-top: 10px; margin-bottom: 0px; } b { font: 10px tahoma; font-weight: bold; color: #231105; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font-size: 10px; font-weight: bold; color: #724204; text-decoration: none; } a:hover { color: #442415; } </style /> <div id=one> <h1>section header</h1> Your text goes in these four cool boxes. They scroll if you type enough. You can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="www.neopets.com">link</a> fonts if you want. They won't all look good in every box though. <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=two> <h2>section header</h2> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h2>section header</h2> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=three> <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=four> <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=navigation> <h4>welcome</h4> <h5>navigation</h5> <a href=/myaccount.phtml class=n>1</a><a href=/petcentral.phtml class=n2>2</a><a href=/explore.phtml class=n3>3</a><a href=/games/arcade.phtml class=n4>4</a><a href=/neoboards/index.phtml class=n>5</a><a href=/objects.phtml class=n2>6</a><a href=/nf.phtml class=n3>7</a><a href=/video/index.phtml class=n4>8</a><a href=/mall/index.phtml class=n>9</a> <br><br> PetPage CSS by Kitty. <a href=/~WingedWarrior_27>Get it.</a> <br> Homepage --- <a href="http://www.neopets.com">neopets.com</a>.</div>

CAVERNOUS CAVES
<style /> .sf, td { display: none; } body { background-color: #78816B; } #one, #two, #three, #four { position: absolute; left: 20px; font: 11px tahoma; color: #838D74; width: 350px; height: 100px; padding-left: 5px; overflow: auto; } #one { top: 20px; color: #838D74; background-color: #404005; } #two { top: 137px; color: #838D74; background-color: #1B1716; } #three { top: 254px; background-color: #3B3E43; } #four { top: 371px; color: #939C86; background-color: #9D1E15; } #navigation { position: absolute; top: 20px; left: 400px; width: 135px; font: 10px tahoma; color: #1B1716; text-align: justify; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited, a.n4:link, a.n4:active, a.n4:visited { font: 22px tahoma; color: #404005; text-decoration: none; background-color: #404005; padding: 0px; margin: 0px; width: 15px; height: 361px; display: -moz-inline-box; } a.n2:link, a.n2:active, a.n2:visited { color: #1B1716; background-color: #1B1716; } a.n3:link, a.n3:active, a.n3:visited { color: #3B3E43; background-color: #3B3E43; } a.n4:link, a.n4:active, a.n4:visited { color: #9D1E15; background-color: #9D1E15; } a.n:hover, a.n2:hover, a.n3:hover, a.n4:hover { color: #78816B; background-color: #78816B; } h1, h2, h3, h4, h5 { font: 10px tahoma; font-weight: bold; color: #1B1716; text-align: left; text-transform: lowercase; background: none; letter-spacing: 2px; padding: 0px; margin-top: 5px; margin-bottom: 1px; } h2 { color: #3B3E43; } h3 { color: #1B1716; } h4 { font: 26px/24px tahoma; color: #838D74; background-color: #404005; letter-spacing: 0px; padding: 0px; margin-top: 0px; border-bottom: 5px solid #1B1716; } h5 { font: 12px tahoma; font-weight: bold; color: #1B1716; text-align: right; background-color: #9D1E15; letter-spacing: 1px; padding-bottom: 1px; margin-top: 10px; margin-bottom: 0px; } b { font: 10px tahoma; font-weight: bold; color: #9D1E15; } u { font: 9px tahoma; text-transform: uppercase; } a:link, a:active, a:visited { font-size: 10px; font-weight: bold; color: #3B3E43; text-decoration: none; } a:hover { color: #9D1E15; } </style /> <div id=one> <h1>section header</h1> Your text goes in these four cool boxes. They scroll if you type enough. You can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="www.neopets.com">link</a> fonts if you want. They won't all look good in every box though. <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h1>section header</h1> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=two> <h2>section header</h2> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h2>section header</h2> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=three> <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=four> <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <h3>section header</h3> All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=navigation> <h4>welcome</h4> <h5>navigation</h5> <a href=/myaccount.phtml class=n>1</a><a href=/petcentral.phtml class=n2>2</a><a href=/explore.phtml class=n3>3</a><a href=/games/arcade.phtml class=n4>4</a><a href=/neoboards/index.phtml class=n>5</a><a href=/objects.phtml class=n2>6</a><a href=/nf.phtml class=n3>7</a><a href=/video/index.phtml class=n4>8</a><a href=/mall/index.phtml class=n>9</a> <br><br> PetPage CSS by Kitty. <a href=/~WingedWarrior_27>Get it.</a> <br> Homepage --- <a href="http://www.neopets.com">neopets.com</a>.</div>

style thirteen.

Ahhhhha lucky style thirteen! This one is really awesome. So there's this main box thing that has the neo links but also links to the different sections within the petpage. There are five sections to customize, each of which links back to the "home" links page. Try it out if you don't get it. =P

IMPORTANT! If you can't see the Save Changes button, click View at the top of your browser, then Page Style, and No Style. Scroll down and press the button, then you'll have to change it back to Basic Page Style.

BLUEBERRY-TOPPED CUSTARD Name inspired by: streetdogsgirl. Haha, thx!

VERY BERRY
<style /> .sf, td { display: none; } body { background: #683569; overflow: hidden; } #start, #one, #two, #three, #four, #five, #six { position: absolute; top: 30px; left: 150px; width: 500px; height: 400px; font: 11px tahoma; color: #6F163A; text-align: justify; background-color: #B54371; padding: 5px; margin: 0 auto 0 auto; border: 5px solid #CABB97; } #one {top: 2000px;} #two {top: 4000px;} #three {top: 6000px;} #four {top: 8000px;} #five {top: 10000px;} #six {top: 12000px;} h1, h2, h3 { font: 34px georgia; font-style: italic; font-weight: bold; color: #801E45; text-align: center; text-transform: lowercase; background: none; word-spacing: 5px; padding: 0px; margin: 0px; margin-bottom: 15px; } h2 { font-size: 17px; color: #683569; text-align: left; margin-bottom: 5px; } h3 { font: 30px georgia; font-style: italic; font-weight: bold; margin-bottom: 5px; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited { font: 20px georgia; color: #C9608A; text-align: center; text-decoration: none; background-color: #801E45; padding: 3px; margin: 1px; margin-left: 10px; margin-right: 10px; display: block; } a.n2:link, a.n2:active, a.n2:visited { font: 16px georgia; padding: 1px; margin: 0px; margin-bottom: 1px; } a.n3:link, a.n3:active, a.n3:visited { font: 14px georgia; font-style: italic; font-weight: bold; padding: 5px; border: 4px solid #CABB97; } a.n:hover, a.n2:hover { color: #CABB97; } a.n3:hover { color: #683569; } #left { float: left; width: 220px; margin-left: 10px; } #right { float: right; width: 220px; margin-right: 10px; } b { font: 11px georgia; font-weight: bold; color: #CABB97; } i { font: 12px tahoma; font-style: italic; color: #683569; letter-spacing: 1px; border-bottom: 1px dashed; } u { font: 9px tahoma; font-weight: bold; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #CABB97; text-decoration: none; } a:hover { color: #683569; text-decoration: blink; } </style /> <div id="start"> <h1>main page header</h1> <h2>page navigation</h2> <a href="#one" class="n">section one</a> <a href="#two" class="n">section two</a> <a href="#three" class="n">section three</a> <a href="#four" class="n">section four</a> <a href="#five" class="n">section five</a> <br> <h2>neopets navigation</h2> <div id="left"> <a href="/myaccount.phtml" class="n2">account</a> <a href="/petcentral.phtml" class="n2">central</a> <a href="/explore.phtml" class="n2">explore</a> <a href="/games/arcade.phtml" class="n2">games</a> <a href="/neoboards/index.phtml" class="n2">boards</a> </div> <div id="right"> <a href="/objects.phtml" class="n2">shops</a> <a href="/nf.phtml" class="n2">news</a> <a href="/video/index.phtml" class="n2">video</a> <a href="/mall/index.phtml" class="n2">mall</a> <a href="/~WingedWarrior_27" class="n2">premades</a> </div> </div> <div id="one"> <h3><a name="one">section one</a></h3> This is the first section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="two"> <h3><a name="two">section two</a></h3> This is the second section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="three"> <h3><a name="three">section three</a></h3> This is the third section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="four"> <h3><a name="four">section four</a></h3> This is the fourth section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="five"> <h3><a name="five">section five</a></h3> This is the first section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="six"> </div>

JUICY JELL-O
<style /> .sf, td { display: none; } body { background: #FFED90; overflow: hidden; } #start, #one, #two, #three, #four, #five, #six { position: absolute; top: 30px; left: 150px; width: 500px; height: 400px; font: 11px tahoma; color: #FFF6C7; text-align: justify; background-color: #359668; padding: 5px; margin: 0 auto 0 auto; border: 5px solid #4C4063; } #one {top: 2000px;} #two {top: 4000px;} #three {top: 6000px;} #four {top: 8000px;} #five {top: 10000px;} #six {top: 12000px;} h1, h2, h3 { font: 34px georgia; font-style: italic; font-weight: bold; color: #A8D466; text-align: center; text-transform: lowercase; background: none; word-spacing: 5px; padding: 0px; margin: 0px; margin-bottom: 15px; } h2 { font-size: 17px; color: #FFED90; text-align: left; margin-bottom: 5px; } h3 { font: 30px georgia; font-style: italic; font-weight: bold; margin-bottom: 5px; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited { font: 20px georgia; color: #359668; text-align: center; text-decoration: none; background-color: #A8D466; padding: 3px; margin: 1px; margin-left: 10px; margin-right: 10px; display: block; } a.n2:link, a.n2:active, a.n2:visited { font: 16px georgia; padding: 1px; margin: 0px; margin-bottom: 1px; } a.n3:link, a.n3:active, a.n3:visited { font: 14px georgia; font-style: italic; font-weight: bold; padding: 5px; border: 4px solid #359668; } a.n:hover, a.n2:hover { color: #4C4063; } a.n3:hover { color: #4C4063; } #left { float: left; width: 220px; margin-left: 10px; } #right { float: right; width: 220px; margin-right: 10px; } b { font: 11px georgia; font-weight: bold; color: #A8D46F; } i { font: 12px tahoma; font-style: italic; color: #FFED90; letter-spacing: 1px; border-bottom: 1px dashed; } u { font: 9px tahoma; font-weight: bold; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #A8D46F; text-decoration: none; } a:hover { color: #FFED90; text-decoration: blink; } </style /> <div id="start"> <h1>main page header</h1> <h2>page navigation</h2> <a href="#one" class="n">section one</a> <a href="#two" class="n">section two</a> <a href="#three" class="n">section three</a> <a href="#four" class="n">section four</a> <a href="#five" class="n">section five</a> <br> <h2>neopets navigation</h2> <div id="left"> <a href="/myaccount.phtml" class="n2">account</a> <a href="/petcentral.phtml" class="n2">central</a> <a href="/explore.phtml" class="n2">explore</a> <a href="/games/arcade.phtml" class="n2">games</a> <a href="/neoboards/index.phtml" class="n2">boards</a> </div> <div id="right"> <a href="/objects.phtml" class="n2">shops</a> <a href="/nf.phtml" class="n2">news</a> <a href="/video/index.phtml" class="n2">video</a> <a href="/mall/index.phtml" class="n2">mall</a> <a href="/~WingedWarrior_27" class="n2">premades</a> </div> </div> <div id="one"> <h3><a name="one">section one</a></h3> This is the first section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="two"> <h3><a name="two">section two</a></h3> This is the second section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="three"> <h3><a name="three">section three</a></h3> This is the third section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="four"> <h3><a name="four">section four</a></h3> This is the fourth section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="five"> <h3><a name="five">section five</a></h3> This is the first section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="six"> </div>

CHOCO-CARAMEL
<style /> .sf, td { display: none; } body { background: #26190D; overflow: hidden; } #start, #one, #two, #three, #four, #five, #six { position: absolute; top: 30px; left: 150px; width: 500px; height: 400px; font: 11px tahoma; color: #9C722F; text-align: justify; background-color: #4D3218; padding: 5px; margin: 0 auto 0 auto; border: 5px solid #745026; } #one {top: 2000px;} #two {top: 4000px;} #three {top: 6000px;} #four {top: 8000px;} #five {top: 10000px;} #six {top: 12000px;} h1, h2, h3 { font: 34px georgia; font-style: italic; font-weight: bold; color: #9C722F; text-align: center; text-transform: lowercase; background: none; word-spacing: 5px; padding: 0px; margin: 0px; margin-bottom: 15px; } h2 { font-size: 17px; color: #26190D; text-align: left; margin-bottom: 5px; } h3 { font: 30px georgia; font-style: italic; font-weight: bold; margin-bottom: 5px; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited { font: 20px georgia; color: #4D3218; text-align: center; text-decoration: none; background-color: #9C722F; padding: 3px; margin: 1px; margin-left: 10px; margin-right: 10px; display: block; } a.n2:link, a.n2:active, a.n2:visited { font: 16px georgia; padding: 1px; margin: 0px; margin-bottom: 1px; } a.n3:link, a.n3:active, a.n3:visited { font: 14px georgia; font-style: italic; font-weight: bold; padding: 5px; border: 4px solid #745026; } a.n:hover, a.n2:hover { color: #26190D; } a.n3:hover { color: #26190D; } #left { float: left; width: 220px; margin-left: 10px; } #right { float: right; width: 220px; margin-right: 10px; } b { font: 11px georgia; font-weight: bold; color: #745026; } i { font: 12px tahoma; font-style: italic; color: #26190D; letter-spacing: 1px; border-bottom: 1px dashed; } u { font: 9px tahoma; font-weight: bold; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #745026; text-decoration: none; } a:hover { color: #26190D; text-decoration: blink; } </style /> <div id="start"> <h1>main page header</h1> <h2>page navigation</h2> <a href="#one" class="n">section one</a> <a href="#two" class="n">section two</a> <a href="#three" class="n">section three</a> <a href="#four" class="n">section four</a> <a href="#five" class="n">section five</a> <br> <h2>neopets navigation</h2> <div id="left"> <a href="/myaccount.phtml" class="n2">account</a> <a href="/petcentral.phtml" class="n2">central</a> <a href="/explore.phtml" class="n2">explore</a> <a href="/games/arcade.phtml" class="n2">games</a> <a href="/neoboards/index.phtml" class="n2">boards</a> </div> <div id="right"> <a href="/objects.phtml" class="n2">shops</a> <a href="/nf.phtml" class="n2">news</a> <a href="/video/index.phtml" class="n2">video</a> <a href="/mall/index.phtml" class="n2">mall</a> <a href="/~WingedWarrior_27" class="n2">premades</a> </div> </div> <div id="one"> <h3><a name="one">section one</a></h3> This is the first section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="two"> <h3><a name="two">section two</a></h3> This is the second section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="three"> <h3><a name="three">section three</a></h3> This is the third section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="four"> <h3><a name="four">section four</a></h3> This is the fourth section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="five"> <h3><a name="five">section five</a></h3> This is the first section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="six"> </div>

TANTALIZING TOMATO
<style /> .sf, td { display: none; } body { background: #FF0000; overflow: hidden; } #start, #one, #two, #three, #four, #five, #six { position: absolute; top: 30px; left: 150px; width: 500px; height: 400px; font: 11px tahoma; color: #262626; text-align: justify; background-color: #FF7800; padding: 5px; margin: 0 auto 0 auto; border: 5px solid #FFBA00; } #one {top: 2000px;} #two {top: 4000px;} #three {top: 6000px;} #four {top: 8000px;} #five {top: 10000px;} #six {top: 12000px;} h1, h2, h3 { font: 34px georgia; font-style: italic; font-weight: bold; color: #FFAE00; text-align: center; text-transform: lowercase; background: none; word-spacing: 5px; padding: 0px; margin: 0px; margin-bottom: 15px; } h2 { font-size: 17px; color: #FF0000; text-align: left; margin-bottom: 5px; } h3 { font: 30px georgia; font-style: italic; font-weight: bold; margin-bottom: 5px; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited { font: 20px georgia; color: #FF6600; text-align: center; text-decoration: none; background-color: #FFAE00; padding: 3px; margin: 1px; margin-left: 10px; margin-right: 10px; display: block; } a.n2:link, a.n2:active, a.n2:visited { font: 16px georgia; padding: 1px; margin: 0px; margin-bottom: 1px; } a.n3:link, a.n3:active, a.n3:visited { font: 14px georgia; font-style: italic; font-weight: bold; padding: 5px; border: 4px solid #FF7800; } a.n:hover, a.n2:hover { color: #FF0000; } a.n3:hover { color: #FF0000; } #left { float: left; width: 220px; margin-left: 10px; } #right { float: right; width: 220px; margin-right: 10px; } b { font: 11px georgia; font-weight: bold; color: #FFBA00; } i { font: 12px tahoma; font-style: italic; color: #FF0000; letter-spacing: 1px; border-bottom: 1px dashed; } u { font: 9px tahoma; font-weight: bold; text-transform: uppercase; } a:link, a:active, a:visited { font-weight: bold; color: #FFBA00; text-decoration: none; } a:hover { color: #FF0000; text-decoration: blink; } </style /> <div id="start"> <h1>main page header</h1> <h2>page navigation</h2> <a href="#one" class="n">section one</a> <a href="#two" class="n">section two</a> <a href="#three" class="n">section three</a> <a href="#four" class="n">section four</a> <a href="#five" class="n">section five</a> <br> <h2>neopets navigation</h2> <div id="left"> <a href="/myaccount.phtml" class="n2">account</a> <a href="/petcentral.phtml" class="n2">central</a> <a href="/explore.phtml" class="n2">explore</a> <a href="/games/arcade.phtml" class="n2">games</a> <a href="/neoboards/index.phtml" class="n2">boards</a> </div> <div id="right"> <a href="/objects.phtml" class="n2">shops</a> <a href="/nf.phtml" class="n2">news</a> <a href="/video/index.phtml" class="n2">video</a> <a href="/mall/index.phtml" class="n2">mall</a> <a href="/~WingedWarrior_27" class="n2">premades</a> </div> </div> <div id="one"> <h3><a name="one">section one</a></h3> This is the first section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="two"> <h3><a name="two">section two</a></h3> This is the second section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="three"> <h3><a name="three">section three</a></h3> This is the third section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="four"> <h3><a name="four">section four</a></h3> This is the fourth section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="five"> <h3><a name="five">section five</a></h3> This is the first section for your text. You can type here and/or in those two columns below this. You can delete whatever you want, as long as you make sure you're deleting the right stuff. It might be a little confusing if you're not careful. Neomail me if you mess it up or can't figure something out. Also, if you type too much, your typing will go outside this box. There's a way to make it scroll inside the box, but you'll have to do that yourself because the amount of typing will be different for everyone. Remember that you can use <b>bold</b>, <i>italic</i>, <u>underline</u>, and <a href="http://www.neopets.com">linked text</a>. Oh. And the link to go back to the navigation stuff is at the bottom of the right column. Put it wherever you want. <br><br><br> <div id="left"> <h2>left column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id="right"> <h2>right column</h2> All HTML and Stylesheets must be recgnized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <div align="right"><a href="#top">click to go home</a></div> </div> </div> <div id="six"> </div>

style fourteen.

Yeahhh, I'm long overdue for a new style. So here it is.

It's got a main header that will go all the way across your screen, plus some other headers to customize. Also, there is a scrollbox at the top, and some cool block nav links. Enjoy!

COLOR CREMATION

WARM WISHES
<style /> .sf, td { display: none; } body { background: #E8C382; overflow-x: hidden; } #top, #heading, #left, #right, #page { position: absolute; } #top { top: 0px; left: 0px; width: 100%; height: 30px; background-color: #340A0B; border-bottom: 2px solid #B86B4C; z-index: 1; } #heading { top: 27px; left: 30px; width: 300px; z-index: 2; } #left, #right { top: 79px; left: 30px; width: 298px; height: 96px; overflow: auto; font: 11px tahoma; color: #340A0B; text-align: justify; background-color: #B39D69; padding: 0px; margin: 0px; border: 1px solid #340A0B; } #right { top: 52px; left: 349px; width: 266px; height: 130px; background: none; border: none; } #page { top: 197px; left: 0px; width: 614px; } h1, h3, h4 { font: 18pt arial; color: #B39D69; text-align: center; text-transform: lowercase; background-color: #340A0B; word-spacing: 5px; padding: 1px; margin: 0px; border-bottom: 2px solid #B86B4C; } h2 { font: 12pt/10pt arial; font-style: italic; color: #7D1A0C; text-align: left; text-transform: lowercase; background: none; padding: 0px; padding-left: 3px; margin: 0px; margin-top: 5px; margin-bottom: 3px; border-bottom: 1px solid #E8C382; } h3 { font: 16pt arial; text-align: left; padding: 5px; padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid #B86B4C; } h4 { font: 14pt/12pt arial; font-style: italic; color: #E8C382; text-align: left; background: none; margin-top: 10px; margin-bottom: 5px; } .table { font: 11px tahoma; color: #000; text-align: left; background-color: #7D1A0C; padding: 5px; margin: 0px; } a.nav:link, a.nav:active, a.nav:visited { font: 10pt arial; font-weight: bold; color: #340A0B; text-align: left; text-decoration: none; text-transform: lowercase; background-color: #B39D69; padding: 2px; padding-top: 4px; padding-bottom: 4px; margin: 1px; display: block; width: 125px; } a.nav:hover { color: #B39D69; background-color: #340A0B; text-decoration: none; } a:link, a:active, a:visited { font-weight: bold; color: #EDEDED; text-decoration: none; } a:hover { text-decoration: underline; } </style /> <div id=top> </div> <div id=heading> <h1>main page title here</h1> </div> <div id=left> <h2>section header</h2> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <h2>section header</h2> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. With that the tall figure began chanting some strange words and waving her arms. Cheebi felt his body tingling. He did feel stronger, and much braver. Cheebi chuckled to himself. 'He he hee... those bullies will never know what hit them'. </div> <div id=right> <div style=float:left> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> </div> <div style=float:right> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/ncmall/index.phtml class=nav>nc mall</a> <a href=/~WingedWarrior_27 class=nav>premades</a> </div> </div> <div id=page> <h3>main section header</h3> <div class=table> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <p> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. <h4>section header</h4> With that the tall figure began chanting some strange words and waving her arms. Cheebi felt his body tingling. He did feel stronger, and much braver. Cheebi chuckled to himself. 'He he hee... those bullies will never know what hit them'. <p> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <p> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. <h4>credits</h4> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>. </div>

SWEET SUGARPLUMS
<style /> .sf, td { display: none; } body { background: #C8AA82; overflow-x: hidden; } #top, #heading, #left, #right, #page { position: absolute; } #top { top: 0px; left: 0px; width: 100%; height: 30px; background-color: #3D273B; border-bottom: 2px solid #4F4E57; z-index: 1; } #heading { top: 27px; left: 30px; width: 300px; z-index: 2; } #left, #right { top: 79px; left: 30px; width: 298px; height: 96px; overflow: auto; font: 11px tahoma; color: #3D273B; text-align: justify; background-color: #C26B67; padding: 0px; margin: 0px; border: 1px solid #4F4E57; } #right { top: 52px; left: 349px; width: 266px; height: 130px; background: none; border: none; } #page { top: 197px; left: 0px; width: 614px; } h1, h3, h4 { font: 18pt arial; color: #C8AA82; text-align: center; text-transform: lowercase; background-color: #3D273B; word-spacing: 5px; padding: 1px; margin: 0px; border-bottom: 2px solid #4F4E57; } h2 { font: 12pt/10pt arial; font-style: italic; color: #C8AA82; text-align: left; text-transform: lowercase; background: none; padding: 0px; padding-left: 3px; margin: 0px; margin-top: 5px; margin-bottom: 3px; border-bottom: 1px solid #803255; } h3 { font: 16pt arial; text-align: left; padding: 5px; padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid #C26B67; } h4 { font: 14pt/12pt arial; font-style: italic; color: #C8AA82; text-align: left; background: none; margin-top: 10px; margin-bottom: 5px; border-bottom: 2px solid #C26B67; } .table { font: 11px tahoma; color: #000; text-align: left; background-color: #803255; padding: 5px; margin: 0px; } a.nav:link, a.nav:active, a.nav:visited { font: 10pt arial; font-weight: bold; color: #C26B67; text-align: left; text-decoration: none; text-transform: lowercase; background-color: #803255; padding: 2px; padding-top: 4px; padding-bottom: 4px; margin: 1px; display: block; width: 125px; } a.nav:hover { color: #803255; background-color: #3D273B; text-decoration: none; } a:link, a:active, a:visited { font-weight: bold; color: #3D273B; text-decoration: none; } a:hover { text-decoration: underline; } </style /> <div id=top> </div> <div id=heading> <h1>main page title here</h1> </div> <div id=left> <h2>section header</h2> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <h2>section header</h2> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. With that the tall figure began chanting some strange words and waving her arms. Cheebi felt his body tingling. He did feel stronger, and much braver. Cheebi chuckled to himself. 'He he hee... those bullies will never know what hit them'. </div> <div id=right> <div style=float:left> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> </div> <div style=float:right> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/ncmall/index.phtml class=nav>nc mall</a> <a href=/~WingedWarrior_27 class=nav>premades</a> </div> </div> <div id=page> <h3>main section header</h3> <div class=table> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <p> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. <h4>section header</h4> With that the tall figure began chanting some strange words and waving her arms. Cheebi felt his body tingling. He did feel stronger, and much braver. Cheebi chuckled to himself. 'He he hee... those bullies will never know what hit them'. <p> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <p> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. <h4>credits</h4> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>. </div>

REALLY RAINBOW
<style /> .sf, td { display: none; } body { background: #FFCD38; overflow-x: hidden; } #top, #heading, #left, #right, #page { position: absolute; } #top { top: 0px; left: 0px; width: 100%; height: 30px; background-color: #C70E52; border-bottom: 2px solid #FF8438; z-index: 1; } #heading { top: 27px; left: 30px; width: 300px; z-index: 2; } #left, #right { top: 79px; left: 30px; width: 298px; height: 96px; overflow: auto; font: 11px tahoma; color: #232323; text-align: justify; background-color: #B1C70E; padding: 0px; margin: 0px; border: 1px solid #249BAB; } #right { top: 52px; left: 349px; width: 266px; height: 130px; background: none; border: none; } #page { top: 197px; left: 0px; width: 614px; } h1, h3, h4 { font: 18pt arial; color: #FFCD38; text-align: center; text-transform: lowercase; background-color: #C70E52; word-spacing: 5px; padding: 1px; margin: 0px; border-bottom: 2px solid #FF8438; } h2 { font: 12pt/10pt arial; font-style: italic; color: #249BAB; text-align: left; text-transform: lowercase; background: none; padding: 0px; padding-left: 3px; margin: 0px; margin-top: 5px; margin-bottom: 3px; border-bottom: 1px solid #FFCD38; } h3 { font: 16pt arial; text-align: left; padding: 5px; padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid #B1C70E; } h4 { font: 14pt/12pt arial; font-style: italic; color: #FFCD38; text-align: left; background: none; margin-top: 10px; margin-bottom: 5px; border-bottom: 2px solid #B1C70E; } .table { font: 11px tahoma; color: #000; text-align: left; background-color: #FF8438; padding: 5px; margin: 0px; } a.nav:link, a.nav:active, a.nav:visited { font: 10pt arial; font-weight: bold; color: #B1C70E; text-align: left; text-decoration: none; text-transform: lowercase; background-color: #249BAB; padding: 2px; padding-top: 4px; padding-bottom: 4px; margin: 1px; display: block; width: 125px; } a.nav:hover { color: #249BAB; background-color: #B1C70E; text-decoration: none; } a:link, a:active, a:visited { font-weight: bold; color: #FFCD38; text-decoration: none; } a:hover { text-decoration: underline; } </style /> <div id=top> </div> <div id=heading> <h1>main page title here</h1> </div> <div id=left> <h2>section header</h2> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <h2>section header</h2> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. With that the tall figure began chanting some strange words and waving her arms. Cheebi felt his body tingling. He did feel stronger, and much braver. Cheebi chuckled to himself. 'He he hee... those bullies will never know what hit them'. </div> <div id=right> <div style=float:left> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> </div> <div style=float:right> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/ncmall/index.phtml class=nav>nc mall</a> <a href=/~WingedWarrior_27 class=nav>premades</a> </div> </div> <div id=page> <h3>main section header</h3> <div class=table> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <p> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. <h4>section header</h4> With that the tall figure began chanting some strange words and waving her arms. Cheebi felt his body tingling. He did feel stronger, and much braver. Cheebi chuckled to himself. 'He he hee... those bullies will never know what hit them'. <p> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <p> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. <h4>credits</h4> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>. </div>

A PRETTY PARTY (I absolutely LOVE this)
<style /> .sf, td { display: none; } body { background: #F9CDAD; overflow-x: hidden; } #top, #heading, #left, #right, #page { position: absolute; } #top { top: 0px; left: 0px; width: 100%; height: 30px; background-color: #FE4365; border-bottom: 2px solid #FC9D9A; z-index: 1; } #heading { top: 27px; left: 30px; width: 300px; z-index: 2; } #left, #right { top: 79px; left: 30px; width: 298px; height: 96px; overflow: auto; font: 11px tahoma; color: #262626; text-align: justify; background-color: #C8C8A9; padding: 0px; margin: 0px; border: 1px solid #83AF9B; } #right { top: 52px; left: 349px; width: 266px; height: 130px; background: none; border: none; } #page { top: 197px; left: 0px; width: 614px; } h1, h3, h4 { font: 18pt arial; color: #C8C8A9; text-align: center; text-transform: lowercase; background-color: #FE4365; word-spacing: 5px; padding: 1px; margin: 0px; border-bottom: 2px solid #FC9D9A; } h1 { color: #F9CDAD; } h2 { font: 12pt/10pt arial; font-style: italic; color: #FE4365; text-align: left; text-transform: lowercase; background: none; padding: 0px; padding-left: 3px; margin: 0px; margin-top: 5px; margin-bottom: 3px; border-bottom: 1px solid #FC9D9A; } h3 { font: 16pt arial; text-align: left; padding: 5px; padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid #FC9D9A; } h4 { font: 14pt/12pt arial; font-style: italic; color: #F9CDAD; text-align: left; background: none; margin-top: 10px; margin-bottom: 5px; border-bottom: 2px solid #C8C8A9; } .table { font: 11px tahoma; color: #000; text-align: left; background-color: #83AF9B; padding: 5px; margin: 0px; } a.nav:link, a.nav:active, a.nav:visited { font: 10pt arial; font-weight: bold; color: #C8C8A9; text-align: left; text-decoration: none; text-transform: lowercase; background-color: #83AF9B; padding: 2px; padding-top: 4px; padding-bottom: 4px; margin: 1px; display: block; width: 125px; } a.nav:hover { color: #FE4365; background-color: #FC9D9A; text-decoration: none; } a:link, a:active, a:visited { font-weight: bold; color: #C8C8A9; text-decoration: none; } a:hover { text-decoration: underline; } </style /> <div id=top> </div> <div id=heading> <h1>main page title here</h1> </div> <div id=left> <h2>section header</h2> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <h2>section header</h2> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. With that the tall figure began chanting some strange words and waving her arms. Cheebi felt his body tingling. He did feel stronger, and much braver. Cheebi chuckled to himself. 'He he hee... those bullies will never know what hit them'. </div> <div id=right> <div style=float:left> <a href=/myaccount.phtml class=nav>account</a> <a href=/petcentral.phtml class=nav>central</a> <a href=/explore.phtml class=nav>explore</a> <a href=/games/arcade.phtml class=nav>games</a> <a href=/neoboards/index.phtml class=nav>boards</a> </div> <div style=float:right> <a href=/objects.phtml class=nav>shops</a> <a href=/nf.phtml class=nav>news</a> <a href=/video/index.phtml class=nav>video</a> <a href=/ncmall/index.phtml class=nav>nc mall</a> <a href=/~WingedWarrior_27 class=nav>premades</a> </div> </div> <div id=page> <h3>main section header</h3> <div class=table> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <p> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. <h4>section header</h4> With that the tall figure began chanting some strange words and waving her arms. Cheebi felt his body tingling. He did feel stronger, and much braver. Cheebi chuckled to himself. 'He he hee... those bullies will never know what hit them'. <p> A young Chia was sobbing softly in a clearing, 'What's wrong my child?' asked a beautiful tall figure. Without looking up Cheebi blurted out everything that had happened that day. It had been his first day at school, a pack of older Kougras had teased him, pushed him, stolen his lunch and trodden all his books into the mud. 'I can help you little man.... but I have a price, are you interested?' <p> Cheebi wiped the tears from his puffy red eyes and hoarsly whipsered 'y...y..yes..' 'I can make you stronger than those bullies and give your powers you have only dreamed of, but you must promise to help me whenever I ask, no matter what it is. Do you agree?' Cheebi looked up, a small smile forming on his lips. She seems like a kind lady the little Chia thought, I'd love to help her. 'Yes please, yes, make me big and strong so I can teach those Kougras a lesson!'. <h4>credits</h4> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>. </div>

style fifteen.

This is a nice simple petpage. There's a main page header with navigation links underneath (the squares). The three text areas each have a header, plus they scroll so you can type as much as you want. Yayyy.

CRAZY CANDY

REALLY REPTILE
<style /> .sf, td { display: none; } body { background-color: #061F27; } #heading { position: absolute; top: 30px; left: 40px; width: 466px; } h1, h2 { font: 30px tahoma; color: #C1D392; text-align: left; text-transform: lowercase; padding: 0px; margin: 0px; } h2 { font: 16px tahoma; } #uno, #dos, #tres { position: absolute; top: 160px; left: 39px; } #dos { left: 201px; } #tres { left: 363px; } #one, #two, #three { position: absolute; top: 180px; left: 40px; height: 290px; width: 156px; overflow: auto; font: 11px tahoma; color: #000; text-align: justify; background-color: #115F58; padding: 2px; margin: 0px; } #two { left: 202px; color: #000; background-color: #4FA16D; } #three { left: 364px; color: #000; background-color: #9AC15C; } #links { position: absolute; top: 70px; left: 40px; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited { font: 37.5px tahoma; color: #115F58; background-color: #115F58; display: -moz-inline-box; padding-left: 20px; padding-right: 20px; margin-right: -2px; } a.n2:link, a.n2:active, a.n2:visited { color: #4FA16D; background-color: #4FA16D; } a.n3:link, a.n3:active, a.n3:visited { color: #9AC15C; background-color: #9AC15C; } a.n:hover, a.n2:hover, a.n3:hover { color: #061F27; background-color: #061F27; } #credit { position: absolute; top: 480px; left: 39px; font: 11px tahoma; color: #D6C889; } b { text-transform: uppercase; } u { font: 10px tahoma; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; } a:link, a:active, a:visited { font: 11px tahoma; font-weight: bold; color: #D6C889; } a:hover { color: #061F27; } </style > <div id=heading> <h1>main page header</h1> </div> <div id=links> <a href=/myaccount.phtml class=n>.</a> <a href=/petcentral.phtml class=n2>.</a> <a href=/explore.phtml class=n3>.</a> <a href=/games/arcade.phtml class=n>.</a> <a href=/neoboards/index.phtml class=n2>.</a> <a href=/objects.phtml class=n3>.</a> <a href=/nf.phtml class=n>.</a> <a href=/video/index.phtml class=n2>.</a> <a href=/mall/index.phtml class=n3>.</a> </div> <div id=uno> <h2>heading one</h2> </div> <div id=one> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=dos> <h2>heading two</h2> </div> <div id=two> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=tres> <h2>heading three</h2> </div> <div id=three> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=credit> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>.

PRETTY PRINCESS
<style /> .sf, td { display: none; } body { background-color: #4B0D62; } #heading { position: absolute; top: 30px; left: 40px; width: 466px; } h1, h2 { font: 30px tahoma; color: #FDDFD6; text-align: left; text-transform: lowercase; padding: 0px; margin: 0px; } h2 { font: 16px tahoma; } #uno, #dos, #tres { position: absolute; top: 160px; left: 39px; } #dos { left: 201px; } #tres { left: 363px; } #one, #two, #three { position: absolute; top: 180px; left: 40px; height: 290px; width: 156px; overflow: auto; font: 11px tahoma; color: #FDDFD6; text-align: justify; background-color: #693BB2; padding: 2px; margin: 0px; } #two { left: 202px; color: #FDDFD6; background-color: #BD5C99; } #three { left: 364px; color: #4B0D62; background-color: #F89BA4; } #links { position: absolute; top: 70px; left: 40px; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited { font: 37.5px tahoma; color: #693BB2; background-color: #693BB2; display: -moz-inline-box; padding-left: 20px; padding-right: 20px; margin-right: -2px; } a.n2:link, a.n2:active, a.n2:visited { color: #BD5C99; background-color: #BD5C99; } a.n3:link, a.n3:active, a.n3:visited { color: #F89BA4; background-color: #F89BA4; } a.n:hover, a.n2:hover, a.n3:hover { color: #4B0D62; background-color: #4B0D62; } #credit { position: absolute; top: 480px; left: 39px; font: 11px tahoma; color: #FDDFD6; } b { text-transform: uppercase; } u { font: 10px tahoma; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; } a:link, a:active, a:visited { font: 11px tahoma; font-weight: bold; color: #FDDFD6; } a:hover { color: #4B0D62; } </style > <div id=heading> <h1>main page header</h1> </div> <div id=links> <a href=/myaccount.phtml class=n>.</a> <a href=/petcentral.phtml class=n2>.</a> <a href=/explore.phtml class=n3>.</a> <a href=/games/arcade.phtml class=n>.</a> <a href=/neoboards/index.phtml class=n2>.</a> <a href=/objects.phtml class=n3>.</a> <a href=/nf.phtml class=n>.</a> <a href=/video/index.phtml class=n2>.</a> <a href=/mall/index.phtml class=n3>.</a> </div> <div id=uno> <h2>heading one</h2> </div> <div id=one> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=dos> <h2>heading two</h2> </div> <div id=two> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=tres> <h2>heading three</h2> </div> <div id=three> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=credit> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>.

FIESTA FUN
<style /> .sf, td { display: none; } body { background-color: #ffd726; } #heading { position: absolute; top: 30px; left: 40px; width: 466px; } h1, h2 { font: 30px tahoma; color: #f03e38; text-align: left; text-transform: lowercase; padding: 0px; margin: 0px; } h2 { font: 16px tahoma; } #uno, #dos, #tres { position: absolute; top: 160px; left: 39px; } #dos { left: 201px; } #tres { left: 363px; } #one, #two, #three { position: absolute; top: 180px; left: 40px; height: 290px; width: 156px; overflow: auto; font: 11px tahoma; color: #ffd726; text-align: justify; background-color: #e60544; padding: 2px; margin: 0px; } #two { left: 202px; color: #e60544; background-color: #ff9326; } #three { left: 364px; color: #ffd726; background-color: #005f66; } #links { position: absolute; top: 70px; left: 40px; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited { font: 37.5px tahoma; color: #e60544; background-color: #e60544; display: -moz-inline-box; padding-left: 20px; padding-right: 20px; margin-right: -2px; } a.n2:link, a.n2:active, a.n2:visited { color: #ff9326; background-color: #ff9326; } a.n3:link, a.n3:active, a.n3:visited { color: #005f66; background-color: #005f66; } a.n:hover, a.n2:hover, a.n3:hover { color: #ffd726; background-color: #ffd726; } #credit { position: absolute; top: 480px; left: 39px; font: 11px tahoma; color: #f03e38; } b { text-transform: uppercase; } u { font: 10px tahoma; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; } a:link, a:active, a:visited { font: 11px tahoma; font-weight: bold; color: #f03e38; } a:hover { color: #ffd726; } </style > <div id=heading> <h1>main page header</h1> </div> <div id=links> <a href=/myaccount.phtml class=n>.</a> <a href=/petcentral.phtml class=n2>.</a> <a href=/explore.phtml class=n3>.</a> <a href=/games/arcade.phtml class=n>.</a> <a href=/neoboards/index.phtml class=n2>.</a> <a href=/objects.phtml class=n3>.</a> <a href=/nf.phtml class=n>.</a> <a href=/video/index.phtml class=n2>.</a> <a href=/mall/index.phtml class=n3>.</a> </div> <div id=uno> <h2>heading one</h2> </div> <div id=one> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=dos> <h2>heading two</h2> </div> <div id=two> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=tres> <h2>heading three</h2> </div> <div id=three> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=credit> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>.

MAYBE MORE MANLY
<style /> .sf, td { display: none; } body { background-color: #917544; } #heading { position: absolute; top: 30px; left: 40px; width: 466px; } h1, h2 { font: 30px tahoma; color: #b6a679; text-align: left; text-transform: lowercase; padding: 0px; margin: 0px; } h2 { font: 16px tahoma; } #uno, #dos, #tres { position: absolute; top: 160px; left: 39px; } #dos { left: 201px; } #tres { left: 363px; } #one, #two, #three { position: absolute; top: 180px; left: 40px; height: 290px; width: 156px; overflow: auto; font: 11px tahoma; color: #917544; text-align: justify; background-color: #712d15; padding: 2px; margin: 0px; } #two { left: 202px; color: #917544; background-color: #4e4519; } #three { left: 364px; color: #917544; background-color: #2d321e; } #links { position: absolute; top: 70px; left: 40px; } a.n:link, a.n:active, a.n:visited, a.n2:link, a.n2:active, a.n2:visited, a.n3:link, a.n3:active, a.n3:visited { font: 37.5px tahoma; color: #712d15; background-color: #712d15; display: -moz-inline-box; padding-left: 20px; padding-right: 20px; margin-right: -2px; } a.n2:link, a.n2:active, a.n2:visited { color: #4e4519; background-color: #4e4519; } a.n3:link, a.n3:active, a.n3:visited { color: #2d321e; background-color: #2d321e; } a.n:hover, a.n2:hover, a.n3:hover { color: #917544; background-color: #917544; } #credit { position: absolute; top: 480px; left: 39px; font: 11px tahoma; color: #b6a679; } b { text-transform: uppercase; } u { font: 10px tahoma; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; } a:link, a:active, a:visited { font: 11px tahoma; font-weight: bold; color: #b6a679; } a:hover { color: #917544; } </style > <div id=heading> <h1>main page header</h1> </div> <div id=links> <a href=/myaccount.phtml class=n>.</a> <a href=/petcentral.phtml class=n2>.</a> <a href=/explore.phtml class=n3>.</a> <a href=/games/arcade.phtml class=n>.</a> <a href=/neoboards/index.phtml class=n2>.</a> <a href=/objects.phtml class=n3>.</a> <a href=/nf.phtml class=n>.</a> <a href=/video/index.phtml class=n2>.</a> <a href=/mall/index.phtml class=n3>.</a> </div> <div id=uno> <h2>heading one</h2> </div> <div id=one> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=dos> <h2>heading two</h2> </div> <div id=two> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=tres> <h2>heading three</h2> </div> <div id=three> Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. Moogi stood at the top of the icy mountain looking down into the valley below him, he could see for miles in every direction. He stood for a second surveying the snow covered meadows, icy lakes, and half-buried houses with smoking chimneys, miles and miles below. </div> <div id=credit> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>.

style sixteen.

This is a relatively simple, yet stylish, petpage. It contains block links across the top, with three separate boxes below that. All of the boxes will scroll, so you can type as much as you want!

Next, there is a main header above a larger text area that you can separate into sections with different headers. This area will expand as you type, so your only limit is your imagination! Ha.

COLOR WHEEL COOLS

NAUSEATING NEON
<style /> .sf, td { display: none; } body { background-color: #000; } #page { position: absolute; top: 0px; left: 50px; width: 612px; } a.nav:link, a.nav:active, a.nav:visited { font: 12pt georgia; color: #000; text-align: center; text-decoration: none; text-transform: lowercase; background-color: #ffd000; letter-spacing: -1px; padding: 14px; padding-bottom: 20px; margin: 0px; } a.nav:hover { color: #ffd000; background-color: #000; } #one, #two, #three { position: absolute; top: 75px; left: 0px; font: 10px tahoma; color: #000; text-align: justify; background-color: #fa0768; padding: 2px; margin: 0px; width: 32.3%; height: 150px; overflow: auto; } #two { left: 205px; } #three { left: 410px; } #textheader { position: absolute; top: 266px; left: 0px; width: 100%; padding: 0px; margin: 0px; } #text { position: absolute; top: 301px; left: 0px; width: auto; font: 11px tahoma; color: #f2bfff; text-align: left; background-color: #7d0c99; padding: 5px; margin: 0px; } h1 { font: 16pt georgia; font-style: italic; color: #000; text-align: right; text-transform: lowercase; padding: 0px; padding-right: 5px; margin: 0px; } h2 { font: 20pt georgia; color: #000; text-align: center; text-transform: lowercase; background-color: #ffd000; word-spacing: 5px; padding: 2px; margin: 0px; } b { text-transform: uppercase; letter-spacing: -1px; } i { font-style: italic; font-weight: bold; } u { text-decoration: none; border-bottom: 1px solid #ffd000; } a:link, a:active, a:visited { font-weight: bold; color: #ffd000; text-decoration: underline; } a:hover { text-decoration: none; } </style /> <div id=page> <a href=/myaccount.phtml class=nav>account</a><a href=/petcentral.phtml class=nav>central</a><a href=/explore.phtml class=nav>explore</a><a href=/games/arcade.phtml class=nav>games</a><a href=/neoboards/index.phtml class=nav>boards</a><a href=/objects.phtml class=nav>shops</a><a href=/nf.phtml class=nav>news</a><a href=/video/index.phtml class=nav>video</a><a href=/mall/index.phtml class=nav>nc mall</a> <div id=one> <h1>box header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=two> <h1>box header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=three> <h1>box header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=textheader> <h2>main header here</h2> </div> <div id=text> <h1>section header</h1> This is <b>bold font</b>, <i>italic font</i>, <u>underlined font</u>, and this is a <a href=/~WingedWarrior_27>link</a>.Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <br><br> <h1>section header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <br><br> <h1>section header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <br><br> <h1>credits</h1> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>. </div>

DAINTY DAYDREAMS Pastels suggested & name provided by: dreamgurl_36
<style /> .sf, td { display: none; } body { background-color: #fff3b2; } #page { position: absolute; top: 0px; left: 50px; width: 612px; } a.nav:link, a.nav:active, a.nav:visited { font: 12pt georgia; color: #FFF; text-align: center; text-decoration: none; text-transform: lowercase; background-color: #9ec4ff; letter-spacing: -1px; padding: 14px; padding-bottom: 20px; margin: 0px; } a.nav:hover { color: #b2d1ff; background-color: #fff3b2; } #one, #two, #three { position: absolute; top: 75px; left: 0px; font: 10px tahoma; color: #fff; text-align: justify; background-color: #c29eff; padding: 2px; margin: 0px; width: 32.3%; height: 150px; overflow: auto; } #two { left: 205px; } #three { left: 410px; } #textheader { position: absolute; top: 266px; left: 0px; width: 100%; padding: 0px; margin: 0px; } #text { position: absolute; top: 301px; left: 0px; width: auto; font: 11px tahoma; color: #fff; text-align: left; background-color: #ee9eff; padding: 5px; margin: 0px; } h1 { font: 16pt georgia; font-style: italic; color: #fff3b2; text-align: right; text-transform: lowercase; padding: 0px; padding-right: 5px; margin: 0px; } h2 { font: 20pt georgia; color: #fff; text-align: center; text-transform: lowercase; background-color: #9ec4ff; word-spacing: 5px; padding: 2px; margin: 0px; } b { text-transform: uppercase; letter-spacing: -1px; } i { font-style: italic; font-weight: bold; } u { text-decoration: none; border-bottom: 1px solid #fff3b2; } a:link, a:active, a:visited { font-weight: bold; color: #fff3b2; text-decoration: underline; } a:hover { text-decoration: none; } </style /> <div id=page> <a href=/myaccount.phtml class=nav>account</a><a href=/petcentral.phtml class=nav>central</a><a href=/explore.phtml class=nav>explore</a><a href=/games/arcade.phtml class=nav>games</a><a href=/neoboards/index.phtml class=nav>boards</a><a href=/objects.phtml class=nav>shops</a><a href=/nf.phtml class=nav>news</a><a href=/video/index.phtml class=nav>video</a><a href=/mall/index.phtml class=nav>nc mall</a> <div id=one> <h1>box header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=two> <h1>box header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=three> <h1>box header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </div> <div id=textheader> <h2>main header here</h2> </div> <div id=text> <h1>section header</h1> This is <b>bold font</b>, <i>italic font</i>, <u>underlined font</u>, and this is a <a href=/~WingedWarrior_27>link</a>.Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <br><br> <h1>section header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <br><br> <h1>section header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <br><br> <h1>credits</h1> I got this PetPage CSS from Kitty. Get your own <a href=/~WingedWarrior_27>here</a>! <br> I got this Homepage from <a href=http://www.neopets.com>neopets.com</a>. </div>

style brandon.

Hehe. Style Brandon. This petpage was actually made by my (superamazingcool) friend Brandon. I love it to pieces. It's better than anything I've made. Anyway. I did the different color schemes.

So. There are three stripes in the background, and the table for your text is surrounded by another table thing. The navigation links are awesome because they're big and they move. LOL. Oh. And the Submit Changes button is peeking out the top of the box.

MIDNIGHT MEADOW
(name by Brandon; so pretty)

CRAZY COLORS Requested By: Brandon. Haha.
<style /> .sf, td { display: none; } body { background-color: #F6F6F6; } b { color: #A7F321; } i { font-weight: bold; color: #F6F6F6; } u { font-weight: normal; border-bottom: 2px solid #218BC7; text-decoration: none; } #boxo { position: absolute; top: 75px; left: 75px; width: 600px; height: 400px; background-color: #218BC7; color: #218BC7; z-index: 3; } #boxy { position: absolute; top: 125px; left: 125px; width: 500px; height: 300px; font: 7pt verdana; color: #F6F6F6; text-align: center; text-transform: uppercase; background-color: #FD5D51; padding: 3px; line-height: 15px; margin-bottom: 75px; z-index: 4; overflow: auto; overflow-x: hidden; } h1 { font: 36px century gothic; font-weight: bold; color: #F6F6F6; text-align: right; text-transform: lowercase; line-height: 36px; border-bottom: 5px solid #F1C01C; width: 100%; } h2 { font: 20px georgia; font-weight: bold; font-style: italic; color:#A7F321; text-transform: lowercase; text-align: left; padding-bottom: 4px; border-bottom: 3px solid #F6F6F6; height: 20px; width: 100%; } a:link, a:active, a:visited { color: #F1C01C; font-weight: bold; text-decoration: none; } a:hover { color: #F1C01C; font-weight: bold; text-decoration: none; border-bottom: 2px solid white; } img { border: 1px solid #535353; } .stripe { position: absolute; top: 200px; left: 0px; width: 100%; height: 50px; font: 40px century gothic; color: #7C7BB8; background-color: #7C7BB8; display: block; border-top: 50px solid #FD5D51; border-bottom: 50px solid #A7F321; z-index: 2; } a.nav1:link, a.nav1:active, a.nav1:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited, a.nav4:link, a.nav4:active, a.nav4:visited, a.nav5:link, a.nav5:active, a.nav5:visited { font: 80px century gothic; color: #218BC7; text-align: right; background-color: #218BC7; line-height: 80px; margin: 0px; border-bottom: none; display: block; width: 120px; height: 80px; } a.nav2:link, a.nav2:active, a.nav2:visited { color: #A7F321; background-color: #A7F321; } a.nav3:link, a.nav3:active, a.nav3:visited { color: #F1C01C; background-color: #F1C01C; } a.nav4:link, a.nav4:active, a.nav4:visited { color: #FD5D51; background-color: #FD5D51; } a.nav5:link, a.nav5:active, a.nav5:visited { color: #7C7BB8; background-color: #7C7BB8; } a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover { font: 80px century gothic; color: #FFF; text-align: right; background-color: #218BC7; line-height: 80px; margin: 0px; border-bottom: none; display: block; width: 175px; height: 80px; } a.nav2:hover { background-color: #A7F321; } a.nav3:hover { background-color: #F1C01C; } a.nav4:hover { background-color: #FD5D51; } a.nav5:hover { background-color: #7C7BB8; } .nav { position: absolute; top: 75px; left: 675px; display: block; width: 175px; height: 400px; z-index:2; } </style /> <div class=stripe>.</div> <div id=boxo></div> <div id=boxy> <h1>header #1</h1> oh em gee, you can write stuff here! <h2>header #2</h2> oh em gee, you can write stuff here too!<br> <b>bold</b><br> <i>italic</i><br> <u>underline</u><br> <a href="index.phtml">link</a><br><br> man, this is awesome. you can write stuff all over the place! =O<br> just don't remove the credit, k?<br><br> if you write enough stuff, it scrolls!<br> see<br> isn't<br> this<br> way<br> super<br> totally<br> AWESOME!?<br> <h2>credits</h2> This PetPage was made by <a href=/userlookup.phtml?user=thegreenlanturn>brandon</a> for <a href="http://www.neopets.com/~WingedWarrior_27">PetPage CSS by Kitty</a> ! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. <br> </div> <div class="nav"> <a href="/myaccount.phtml" class="nav1">1</a> <a href="/games/arcade.phtml" class="nav2">2</a> <a href="/neoboards/index.phtml" class="nav3">3</a> <a href="/objects.phtml" class="nav4">4</a> <a href="/nf.phtml" class="nav5">5</a> </div>

AWESOME AUTUMN
<style /> .sf, td { display: none; } body { background-color: #000; } b { color: #F09000; } i { font-style: normal; font-weight: bold; color: #A81800; } u { font-weight: normal; border-bottom: 2px solid #480000; text-decoration: none; } #boxo { position: absolute; top: 75px; left: 75px; width: 600px; height: 400px; background-color: #F09000; color: #F09000; z-index: 3; } #boxy { position: absolute; top: 125px; left: 125px; width: 500px; height: 300px; font: 7pt verdana; color: #DDDDDD; text-align: center; text-transform: uppercase; background-color: #D84818; padding: 3px; line-height: 15px; margin-bottom: 75px; z-index: 4; overflow: auto; overflow-x: hidden; } h1 { font: 36px century gothic; font-weight: bold; color: #FFF; text-align: right; text-transform: lowercase; line-height: 36px; border-bottom: 5px solid #A81800; width: 100%; } h2 { font: 20px georgia; font-weight: bold; font-style: italic; color:#A81800; text-transform: lowercase; text-align: left; padding-bottom: 4px; border-bottom: 3px solid #FFF; height: 20px; width: 100%; } a:link, a:active, a:visited { color: #601800; font-weight: bold; text-decoration: none; } a:hover { color: #601800; font-weight: bold; text-decoration: none; border-bottom: 2px solid white; } img { border: 1px solid #524B4B; } .stripe { position: absolute; top: 200px; left: 0px; width: 100%; height: 50px; font: 40px century gothic; color: #480000; background-color: #480000; display: block; border-top: 50px solid #A81800; border-bottom: 50px solid #601800; z-index: 2; } a.nav1:link, a.nav1:active, a.nav1:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited, a.nav4:link, a.nav4:active, a.nav4:visited, a.nav5:link, a.nav5:active, a.nav5:visited { font: 80px century gothic; color: #F09000; text-align: right; background-color: #F09000; line-height: 80px; margin: 0px; border-bottom: none; display: block; width: 120px; height: 80px; } a.nav2:link, a.nav2:active, a.nav2:visited { color: #D84818; background-color: #D84818; } a.nav3:link, a.nav3:active, a.nav3:visited { color: #A81800; background-color: #A81800; } a.nav4:link, a.nav4:active, a.nav4:visited { color: #601800; background-color: #601800; } a.nav5:link, a.nav5:active, a.nav5:visited { color: #480000; background-color: #480000; } a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover { font: 80px century gothic; color: #FFF; text-align: right; background-color: #F09000; line-height: 80px; margin: 0px; border-bottom: none; display: block; width: 175px; height: 80px; } a.nav2:hover { background-color: #D84818; } a.nav3:hover { background-color: #A81800; } a.nav4:hover { background-color: #601800; } a.nav5:hover { background-color: #480000; } .nav { position: absolute; top: 75px; left: 675px; display: block; width: 175px; height: 400px; z-index:2; } </style /> <div class=stripe>.</div> <div id=boxo></div> <div id=boxy> <h1>header #1</h1> oh em gee, you can write stuff here! <h2>header #2</h2> oh em gee, you can write stuff here too!<br> <b>bold</b><br> <i>italic</i><br> <u>underline</u><br> <a href="index.phtml">link</a><br><br> man, this is awesome. you can write stuff all over the place! =O<br> just don't remove the credit, k?<br><br> if you write enough stuff, it scrolls!<br> see<br> isn't<br> this<br> way<br> super<br> totally<br> AWESOME!?<br> <h2>credits</h2> This PetPage was made by <a href=/userlookup.phtml?user=thegreenlanturn>brandon</a> for <a href="http://www.neopets.com/~WingedWarrior_27">PetPage CSS by Kitty</a> ! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. <br> </div> <div class="nav"> <a href="/myaccount.phtml" class="nav1">1</a> <a href="/games/arcade.phtml" class="nav2">2</a> <a href="/neoboards/index.phtml" class="nav3">3</a> <a href="/objects.phtml" class="nav4">4</a> <a href="/nf.phtml" class="nav5">5</a> </div>

PLUM, PURPLE, PERFECTION
<style /> .sf, td { display: none; } body { background-color: #FFCA92; } b { color: #C04848; } i { font-weight: bold; color: #F6F6F6; } u { font-weight: normal; border-bottom: 2px solid #F07241; text-decoration: none; } #boxo { position: absolute; top: 75px; left: 75px; width: 600px; height: 400px; background-color: #F07241; color: #F07241; z-index: 3; } #boxy { position: absolute; top: 125px; left: 125px; width: 500px; height: 300px; font: 7pt verdana; color: #F6F6F6; text-align: center; text-transform: uppercase; background-color: #C04848; padding: 3px; line-height: 15px; margin-bottom: 75px; z-index: 4; overflow: auto; overflow-x: hidden; } h1 { font: 36px century gothic; font-weight: bold; color: #F6F6F6; text-align: right; text-transform: lowercase; line-height: 36px; border-bottom: 5px solid #601848; width: 100%; } h2 { font: 20px georgia; font-weight: bold; font-style: italic; color:#480048; text-transform: lowercase; text-align: left; padding-bottom: 4px; border-bottom: 3px solid #F6F6F6; height: 20px; width: 100%; } a:link, a:active, a:visited { color: #601848; font-weight: bold; text-decoration: none; } a:hover { color: #601848; font-weight: bold; text-decoration: none; border-bottom: 2px solid white; } img { border: 1px solid #535353; } .stripe { position: absolute; top: 200px; left: 0px; width: 100%; height: 50px; font: 40px century gothic; color: #300030; background-color: #300030; display: block; border-top: 50px solid #480048; border-bottom: 50px solid #C04848; z-index: 2; } a.nav1:link, a.nav1:active, a.nav1:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited, a.nav4:link, a.nav4:active, a.nav4:visited, a.nav5:link, a.nav5:active, a.nav5:visited { font: 80px century gothic; color: #F07241; text-align: right; background-color: #F07241; line-height: 80px; margin: 0px; border-bottom: none; display: block; width: 120px; height: 80px; } a.nav2:link, a.nav2:active, a.nav2:visited { color: #C04848; background-color: #C04848; } a.nav3:link, a.nav3:active, a.nav3:visited { color: #601848; background-color: #601848; } a.nav4:link, a.nav4:active, a.nav4:visited { color: #480048; background-color: #480048; } a.nav5:link, a.nav5:active, a.nav5:visited { color: #300030; background-color: #300030; } a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover { font: 80px century gothic; color: #FFF; text-align: right; background-color: #F07241; line-height: 80px; margin: 0px; border-bottom: none; display: block; width: 175px; height: 80px; } a.nav2:hover { background-color: #C04848; } a.nav3:hover { background-color: #601848; } a.nav4:hover { background-color: #480048; } a.nav5:hover { background-color: #300030; } .nav { position: absolute; top: 75px; left: 675px; display: block; width: 175px; height: 400px; z-index:2; } </style /> <div class=stripe>.</div> <div id=boxo></div> <div id=boxy> <h1>header #1</h1> oh em gee, you can write stuff here! <h2>header #2</h2> oh em gee, you can write stuff here too!<br> <b>bold</b><br> <i>italic</i><br> <u>underline</u><br> <a href="index.phtml">link</a><br><br> man, this is awesome. you can write stuff all over the place! =O<br> just don't remove the credit, k?<br><br> if you write enough stuff, it scrolls!<br> see<br> isn't<br> this<br> way<br> super<br> totally<br> AWESOME!?<br> <h2>credits</h2> This PetPage was made by <a href=/userlookup.phtml?user=thegreenlanturn>brandon</a> for <a href="http://www.neopets.com/~WingedWarrior_27">PetPage CSS by Kitty</a> ! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. <br> </div> <div class="nav"> <a href="/myaccount.phtml" class="nav1">1</a> <a href="/games/arcade.phtml" class="nav2">2</a> <a href="/neoboards/index.phtml" class="nav3">3</a> <a href="/objects.phtml" class="nav4">4</a> <a href="/nf.phtml" class="nav5">5</a> </div>

OMG, KITTY'S FAVORITE
<style /> .sf, td { display: none; } body { background-color: #000; } b { color: #A6BF4D; } i { font-weight: bold; color: #F6F6F6; } u { font-weight: normal; border-bottom: 2px solid #CCCC33; text-decoration: none; } #boxo { position: absolute; top: 75px; left: 75px; width: 600px; height: 400px; background-color: #CCCC33; color: #CCCC33; z-index: 3; } #boxy { position: absolute; top: 125px; left: 125px; width: 500px; height: 300px; font: 7pt verdana; color: #F6F6F6; text-align: center; text-transform: uppercase; background-color: #A6BF4D; padding: 3px; line-height: 15px; margin-bottom: 75px; z-index: 4; overflow: auto; overflow-x: hidden; } h1 { font: 36px century gothic; font-weight: bold; color: #F6F6F6; text-align: right; text-transform: lowercase; line-height: 36px; border-bottom: 5px solid #59A680; width: 100%; } h2 { font: 20px georgia; font-weight: bold; font-style: italic; color:#59A680; text-transform: lowercase; text-align: left; padding-bottom: 4px; border-bottom: 3px solid #F6F6F6; height: 20px; width: 100%; } a:link, a:active, a:visited { color: #339999; font-weight: bold; text-decoration: none; } a:hover { color: #339999; font-weight: bold; text-decoration: none; border-bottom: 2px solid white; } img { border: 1px solid #535353; } .stripe { position: absolute; top: 200px; left: 0px; width: 100%; height: 50px; font: 40px century gothic; color: #339999; background-color: #339999; display: block; border-top: 50px solid #59A680; border-bottom: 50px solid #A6BF4D; z-index: 2; } a.nav1:link, a.nav1:active, a.nav1:visited, a.nav2:link, a.nav2:active, a.nav2:visited, a.nav3:link, a.nav3:active, a.nav3:visited, a.nav4:link, a.nav4:active, a.nav4:visited, a.nav5:link, a.nav5:active, a.nav5:visited { font: 80px century gothic; color: #CCCC33; text-align: right; background-color: #CCCC33; line-height: 80px; margin: 0px; border-bottom: none; display: block; width: 120px; height: 80px; } a.nav2:link, a.nav2:active, a.nav2:visited { color: #A6BF4D; background-color: #A6BF4D; } a.nav3:link, a.nav3:active, a.nav3:visited { color: #80B366; background-color: #80B366; } a.nav4:link, a.nav4:active, a.nav4:visited { color: #59A680; background-color: #59A680; } a.nav5:link, a.nav5:active, a.nav5:visited { color: #339999; background-color: #339999; } a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover { font: 80px century gothic; color: #FFF; text-align: right; background-color: #CCCC33; line-height: 80px; margin: 0px; border-bottom: none; display: block; width: 175px; height: 80px; } a.nav2:hover { background-color: #A6BF4D; } a.nav3:hover { background-color: #80B366; } a.nav4:hover { background-color: #59A680; } a.nav5:hover { background-color: #339999; } .nav { position: absolute; top: 75px; left: 675px; display: block; width: 175px; height: 400px; z-index:2; } </style /> <div class=stripe>.</div> <div id=boxo></div> <div id=boxy> <h1>header #1</h1> oh em gee, you can write stuff here! <h2>header #2</h2> oh em gee, you can write stuff here too!<br> <b>bold</b><br> <i>italic</i><br> <u>underline</u><br> <a href="index.phtml">link</a><br><br> man, this is awesome. you can write stuff all over the place! =O<br> just don't remove the credit, k?<br><br> if you write enough stuff, it scrolls!<br> see<br> isn't<br> this<br> way<br> super<br> totally<br> AWESOME!?<br> <h2>credits</h2> This PetPage was made by <a href=/userlookup.phtml?user=thegreenlanturn>brandon</a> for <a href="http://www.neopets.com/~WingedWarrior_27">PetPage CSS by Kitty</a> ! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. <br> </div> <div class="nav"> <a href="/myaccount.phtml" class="nav1">1</a> <a href="/games/arcade.phtml" class="nav2">2</a> <a href="/neoboards/index.phtml" class="nav3">3</a> <a href="/objects.phtml" class="nav4">4</a> <a href="/nf.phtml" class="nav5">5</a> </div>

style rach.

YAY Style Rach is here. So Rachel is like my bff ok. She totally pwns me at coding HAHAH so she was generous enough to donate this style to me. THANKS!

So this premade has two separate boxes (that will scroll) for your text, with a header you can use as many times as you want. It has some pretty awesome navigation, and two stripes at the bottom.

OH RACHEL'S ORIGINAL

GLISTENING JEWELS
<style /> body {background-color:#d6d5b8;} a:link, a:visited, b {color:#48888B;font-weight:bold;} a:hover {text-decoration:none;} a.nav, a.nav:visited {display:block;filter:alpha(opacity=79);opacity:.79;font:30px georgia;color:#d6d5b8;background-color:#75052e;margin-bottom:15px;text-align:center;padding:5px;border-left:5px solid #0b6778;border-right:5px solid #0b6778;text-transform:uppercase;text-decoration:none;width:180px;} a.nav:hover {background-color:#48888B;color:#d6d5b8;font-style:italic;} h1 {font:30px georgia;color:#99B98B;margin-top:0px;margin-bottom:2px;letter-spacing:-2px;font-style:italic;} #t, #d, #k, #j, #tf {position:absolute;} #t, #d, #k {top:50px;} #t, #d {width:250px;height:336px;overflow:auto;background-color:#363636;font:10px tahoma;color:#d6d5b8;padding:5px;text-align:justify;} #j, #tf {left:0px;width:100%;margin:0px;height:49px;filter:alpha(opacity=70);opacity:.7;} #t {left:30px;} #d {left:300px;} #k {left:570px;} #j {top:440px;background-color:#80ad78;color:#80ad78;} #tf {top:489px;background-color:#0b6778;color:#0b6778;} td a img, .sf {display:none;} table, td{background:none;} </style /> <div id=j>.</div> <div id=tf>.</div> <div id=t> <h1>header here y'all!</h1> <b>bold</b> <i>italic</i> <u>underline</u> <a href=/~WingedWarrior_27>link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>header here y'all!</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <div id=d> <h1>header here y'all!</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>credits</h1> Made by <a href=/userlookup.phtml?user=superflyest>Rach</a> for <a href="http://www.neopets.com/~WingedWarrior_27">PetPage CSS by Kitty</a> ! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=k> <a href="myaccount.phtml" class=nav>account</a> <a href="petcentral.phtml" class=nav>central</a> <a href="explore.phtml" class=nav>explore</a> <a href="/games/arcade.phtml" class=nav>games</a> <a href="/neoboards/index.phtml" class=nav>boards</a> <a href="~WingedWarrior_27" class=nav>credits</a>

SPRING INTO FALL
<style /> body {background-color:#282a1d;} a:link, a:visited, b {color:#c72424;font-weight:bold;} a:hover {text-decoration:none;} a.nav, a.nav:visited {display:block;filter:alpha(opacity=79);opacity:.79;font:30px georgia;color:#282a1d;background-color:#CA3330;margin-bottom:15px;text-align:center;padding:5px;border-left:5px solid #f78035;border-right:5px solid #f78035;text-transform:uppercase;text-decoration:none;width:180px;} a.nav:hover {background-color:#afbf6d;color:#282a1d;font-style:italic;} h1 {font:30px georgia;color:#c72424;margin-top:0px;margin-bottom:2px;letter-spacing:-2px;font-style:italic;} #t, #d, #k, #j, #tf {position:absolute;} #t, #d, #k {top:50px;} #t, #d {width:250px;height:336px;overflow:auto;background-color:#de7838;font:10px tahoma;color:#282a1d;padding:5px;text-align:justify;} #j, #tf {left:0px;width:100%;margin:0px;height:49px;} #t {left:30px;} #d {left:300px;} #k {left:570px;} #j {top:440px;background-color:#afbf6d;color:#afbf6d;} #tf {top:489px;background-color:#59ab6d;color:#59ab6d;} td a img, .sf {display:none;} table, td{background:none;} </style /> <div id=j>.</div> <div id=tf>.</div> <div id=t> <h1>header here y'all!</h1> <b>bold</b> <i>italic</i> <u>underline</u> <a href=/~WingedWarrior_27>link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>header here y'all!</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <div id=d> <h1>header here y'all!</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>credits</h1> Made by <a href=/userlookup.phtml?user=superflyest>Rach</a> for <a href="http://www.neopets.com/~WingedWarrior_27">PetPage CSS by Kitty</a> ! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=k> <a href="myaccount.phtml" class=nav>account</a> <a href="petcentral.phtml" class=nav>central</a> <a href="explore.phtml" class=nav>explore</a> <a href="/games/arcade.phtml" class=nav>games</a> <a href="/neoboards/index.phtml" class=nav>boards</a> <a href="~WingedWarrior_27" class=nav>credits</a>

NICELY NEON (trust me, this does look ok)
<style /> body {background-color:#ddff93;} a:link, a:visited, b {color:#4259DE;font-weight:bold;} a:hover {text-decoration:none;} a.nav, a.nav:visited {display:block;filter:alpha(opacity=79);opacity:.79;font:30px georgia;color:#4259DE;background-color:#c7ff4e;margin-bottom:15px;text-align:center;padding:5px;border-left:5px solid #aeff00;border-right:5px solid #aeff00;text-transform:uppercase;text-decoration:none;width:180px;} a.nav:hover {background-color:#aeff00;color:#4259DE;font-style:italic;} h1 {font:30px georgia;color:#00a8ff;margin-top:0px;margin-bottom:2px;letter-spacing:-2px;font-style:italic;} #t, #d, #k, #j, #tf {position:absolute;} #t, #d, #k {top:50px;} #t, #d {width:250px;height:336px;overflow:auto;background-color:#c7ff4e;font:10px tahoma;color:#000;padding:5px;text-align:justify;} #j, #tf {left:0px;width:100%;margin:0px;height:49px;filter:alpha(opacity=70);opacity:.7;} #t {left:30px;} #d {left:300px;} #k {left:570px;} #j {top:440px;background-color:#00a8ff;color:#00a8ff;} #tf {top:489px;background-color:#0012ff;color:#0012ff;} td a img, .sf {display:none;} table, td{background:none;} </style /> <div id=j>.</div> <div id=tf>.</div> <div id=t> <h1>header here y'all!</h1> <b>bold</b> <i>italic</i> <u>underline</u> <a href=/~WingedWarrior_27>link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>header here y'all!</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <div id=d> <h1>header here y'all!</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>credits</h1> Made by <a href=/userlookup.phtml?user=superflyest>Rach</a> for <a href="http://www.neopets.com/~WingedWarrior_27">PetPage CSS by Kitty</a> ! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=k> <a href="myaccount.phtml" class=nav>account</a> <a href="petcentral.phtml" class=nav>central</a> <a href="explore.phtml" class=nav>explore</a> <a href="/games/arcade.phtml" class=nav>games</a> <a href="/neoboards/index.phtml" class=nav>boards</a> <a href="~WingedWarrior_27" class=nav>credits</a>

GOING GRAY
<style /> body {background-color:#e1e1e1;} a:link, a:visited, b {color:#676767;font-weight:bold;} a:hover {text-decoration:none;} a.nav, a.nav:visited {display:block;filter:alpha(opacity=79);opacity:.79;font:30px georgia;color:#616161;background-color:#cacaca;margin-bottom:15px;text-align:center;padding:5px;border-left:5px solid #bababa;border-right:5px solid #bababa;text-transform:uppercase;text-decoration:none;width:180px;} a.nav:hover {background-color:#bababa;color:#333;font-style:italic;} h1 {font:30px georgia;color:#676767;margin-top:0px;margin-bottom:2px;letter-spacing:-2px;font-style:italic;} #t, #d, #k, #j, #tf {position:absolute;} #t, #d, #k {top:50px;} #t, #d {width:250px;height:336px;overflow:auto;background-color:#c4c4c4;font:10px tahoma;color:#000;padding:5px;text-align:justify;} #j, #tf {left:0px;width:100%;margin:0px;height:49px;filter:alpha(opacity=70);opacity:.7;} #t {left:30px;} #d {left:300px;} #k {left:570px;} #j {top:440px;background-color:#7e7e7e;color:#7e7e7e;} #tf {top:489px;background-color:#555;color:#555;} td a img, .sf {display:none;} table, td{background:none;} </style /> <div id=j>.</div> <div id=tf>.</div> <div id=t> <h1>header here y'all!</h1> <b>bold</b> <i>italic</i> <u>underline</u> <a href=/~WingedWarrior_27>link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>header here y'all!</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <div id=d> <h1>header here y'all!</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>credits</h1> Made by <a href=/userlookup.phtml?user=superflyest>Rach</a> for <a href="http://www.neopets.com/~WingedWarrior_27">PetPage CSS by Kitty</a> ! <br> I got this Homepage from <a href="http://www.neopets.com">neopets.com</a>. </div> <div id=k> <a href="myaccount.phtml" class=nav>account</a> <a href="petcentral.phtml" class=nav>central</a> <a href="explore.phtml" class=nav>explore</a> <a href="/games/arcade.phtml" class=nav>games</a> <a href="/neoboards/index.phtml" class=nav>boards</a> <a href="~WingedWarrior_27" class=nav>credits</a>

style siddey.

Drumroll please...PetPage CSS by Kitty is proud to present...Style Siddey! Siddey, winner of summer 2009's Coding Competition, has created a wonderful petpage for you all to use.

It features a very unique layout, which includes four boxes in which to type. There are also nice navigation links and a large main header for you to customize. Thanks Siddey for the spectacular petpage!

AUTUMN IN JULY

song styles.

This section features petpages with song lyrics incorporated. Meaning that parts of the lyrics are on the image that's at the top. No actual music.

Each of them are one-of-a-kind, meaning they're only available in one color scheme. Enjoy! NOTE that the song title at the top of the preview is a customise-able header, not part of the image. Yay. xD

BREATHE 2AM -- Anna Nalick

JUST A DREAM -- Carrie Underwood

NEVER TOO LATE -- Three Days Grace

LIFE IS A HIGHWAY -- Rascal Flatts

LIFT ME UP -- Kate Voegele

WHAT ABOUT NOW -- Chris Daughtry