CSS Layouts

Here are some premade petpage layouts for you. To use, just choose the one you like and copy the code provided. Paste the code into your petpage description. There are two spaces provided in each layout, one for content and one for links. Simply add your own content and change the links to suit your own. These layouts will also work for webpages.

For those of you unsure of how to get to your petpage section, click here.

3 Column - Grey #1

</td>
<td valign="top" class="content">

This is what normal text looks like.
<br><br><b>This is what bolded text looks like.</b>
<br><br>
This is what underlined text looks like.
<br><br>
A link looks <a href="http://www.neopets.com">like this</a>.
<br><br><h1>Title #1</h1>
<br><br><h2>Title #2</h2>
<br><br>
And this is what images will look like.
<br><br><center>
<img src="http://images.neopets.com/neoboards/avatars/sigh.gif">
</center>
<br><br><blockquote>
And this is how a blockquote will look.
</blockquote>
<br><br>
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text 
text text text text text text text text text text text

</td>
<td class="rightmenu" valign="top">
<h1>Title</h1>
<a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><br><h1>Title</h1>
<a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><br><h1>Title</h1>
<a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><a href="http://www.neopets.com">Link #1</a><br><br><h1>Title</h1>
This is what plain text looks like, and this is what <b>bolded</b> text looks like. And below, you can see what inserted images will look like.
<br><br><center>
<img src="http://images.neopets.com/neoboards/avatars/sigh.gif">
</center>
<br><br>
<h1>Credit</h1>
<center>
<img src="http://www.jadedneo.com/images/link1.png" border="0">
</center>
</td>
</tr>
</table>
</div>

3 Column - Red #1

</td>
<td valign="top" class="content">

<h1>Welcome</h1>
Using this template is simple. Just copy/paste the code, then replace the parts you need. Replace your own links with the default links, replace the filled in content here with your own content. 
<br><br>
Normal text looks like this, but <b>here is an example</b> of what bolded text will look like. And if you check <a href="http://www.neopets.com">right here</a>, this is what a link will look like in the content area.
<br><br>
<h2>Second Title Example</h2>
There are two different kinds of default titles you can use, h1 and h2. You can see examples of both above. Images, in the content area, will look like this.
<br><br>
<center>
<img src="http://images.neopets.com/neoboards/avatars/sigh.gif">
</center>
And if you have any need to use a blockquote, this is how it will look.
<br><br><blockquote>
These are handy for code examples, quote indentations, or if you want a headline on a page that you want your viewers to pay attention to.
</blockquote>
<br><br>
Please do not delete the credit back to Jadedneopets. It's the small price you pay for using these templates for free. :)