Story Prologue Prose Thingamabob Here.

Once upon a time, there was an ugly barnacle. He was so ugly, everybody died. The end :D In all cereals, I'mma be using this section to add some notes about editing the layout and other things to be aware of.

1. The fixed navigation on your left does not stick in IE. Unlike the previous version, this layout is centered and non-fluid (meaning the widths don't change as browser window/resolution changes). This layout accomodates for a 1024x768 resolution or larger.

2. Some precoded features includes the ability to float images to the left or right simply add a class="left" or class="right" whenever you want to insert cute adoptables or images to break up the monotony of the text. Either replace the images with your own artwork or find an adoptable listing directory to decorate the page.

3. Knowing how to code with anchors is important (fortunately, you don't have to figure out how to create subpages since this is a linear layout). To establish an anchor, put a (a name="namehere")(/a) right before the (h1)(/h1) of the section you want. And then to link to it, have (a href="#namehere")Link Here(/a). The anchor can actually be named anything -- just keep the spelling and capitalization consistent. For guides on anchors, check /~tizzep and /~imgsrc#multi. For example, note how the link (a href="#story")History/Story(/a) on the left links to this section with the (a name="story")(/a) anchor, which I placed right before the (h1)Story Prologue Prose Thingamabob Here(/h1).

4. Any text not enclosed within paragraph tags will be centered. If you're going to have a long wall of text, remember to align the text to the left, since uneven lines are very jarring to read for a long time. Always keep your paragraphs short. I highly recommend viewing How to Write for the Web if you don't want to bore your foster to death.

However, centered text on occasion can be helpful with emphasizing something (:

5. Note that the #nav and #content div pixel values almost equal 1000px, which both divs are enclosed in a #container div that is 1000px wide. You can adjust the width of the #container div, but remember to adjust the #nav and #content div. Also, you can adjust the width of the #nav and #content div as well, but both should equal up to 1000px. The banner above can be of any height, but for best results make it the same width as the #content div.


Character Profile

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tincidunt magna sit amet odio dapibus lacinia at vel quam. Fusce et quam dui, sit amet faucibus massa. Fusce condimentum tempor sagittis. Curabitur eu tellus nec ipsum dignissim ultrices nec sit amet eros. Praesent congue ultrices porta. Vestibulum ac dui eu libero venenatis pharetra ut et turpis. sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae est dui. Proin at tellus at mi venenatis pellentesque at ut risus. Etiam iaculis ultricies est vel faucibus. Suspendisse auctor semper vestibulum.

Likes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tincidunt magna sit amet odio dapibus lacinia at vel quam.

Fusce et quam dui, sit amet faucibus massa.

Fusce condimentum tempor sagittis. Curabitur eu tellus nec ipsum dignissim ultrices nec sit amet eros.

Praesent congue ultrices porta.

Vestibulum ac dui eu libero venenatis pharetra ut et turpis.

Dislikes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tincidunt magna sit amet odio dapibus lacinia at vel quam.

Fusce et quam dui, sit amet faucibus massa.

Fusce condimentum tempor sagittis. Curabitur eu tellus nec ipsum dignissim ultrices nec sit amet eros.

Praesent congue ultrices porta.

Vestibulum ac dui eu libero venenatis pharetra ut et turpis.


Future Plans

Customisation

  • Name of Item Here Neocash, Rarity, blurb etc, here.
  • Name of Item Here Neocash, Rarity, blurb etc, here.
  • Name of Item Here Neocash, Rarity, blurb etc, here.
  • Name of Item Here Neocash, Rarity, blurb etc, here.
  • Name of Item Here Neocash, Rarity, blurb etc, here.
  • Name of Item Here Neocash, Rarity, blurb etc, here.
  • Name of Item Here Neocash, Rarity, blurb etc, here.

Petpet

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.

Other Future Plans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tincidunt magna sit amet odio dapibus lacinia at vel quam. Fusce et quam dui, sit amet faucibus massa. Fusce condimentum tempor sagittis. Curabitur eu tellus nec ipsum dignissim ultrices nec sit amet eros. Praesent congue ultrices porta. Vestibulum ac dui eu libero venenatis pharetra ut et turpis. sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae est dui. Proin at tellus at mi venenatis pellentesque at ut risus. Etiam iaculis ultricies est vel faucibus. Suspendisse auctor semper vestibulum.

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.


Friends & Family (AKA The Part To Brag About Your Current Pets)

Pet Name · Pet Lookup · Petpage

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.

Pet Name · Pet Lookup · Petpage

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.

Pet Name · Pet Lookup · Petpage

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.


About Me

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.


References (AKA screenshots of your neofriends telling you how awesome you are)

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.


Final Thoughts

Donec sit amet ullamcorper nibh. Integer pretium, est vel porta facilisis, tellus metus varius ipsum, at consequat tellus erat ut tellus. Praesent quis erat eget magna tincidunt porta quis ac tortor. Nam nec justo a mauris volutpat iaculis eget eu urna. Integer a libero in tellus rhoncus semper. Maecenas odio dui, sagittis et pharetra ac, malesuada eu elit. Cras adipiscing rutrum libero, non suscipit lacus tincidunt eget. Etiam felis orci, sagittis eget auctor a, mollis sed tortor. Vestibulum sem neque, suscipit ac eleifend ut, sollicitudin quis dolor. Cras volutpat ullamcorper justo ut gravida.


Template from That Kills Me. Background from Teacake Backgrounds. Dividers and Bullets from The Lunch Box. Adoptables Linked to their respective artists.

NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-2012. ® denotes Reg. US Pat. & TM Office. All rights reserved.



Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions