Table for your shop (You can select your own colours for the border, background and font)

Option #1: This table is useful at the beginning of your shop/gallery if you do not have a blog

• The width is currently 500...You can increase or decrease this number
• Change the border colour and background colour to match your theme

*Editing your Shop/Gallery*color=#996600>size>

Please refer to the link at the bottom of the page for a colour guide. For all colours you may select either a colour number from the hexadecimal colour chart or a colour name. You must use the # sign immediately before the hexadecimal number.

Change the colours of your scroll bar on the right hand side of the screen. This one requires that you use colour numbers. The colour numbers that are currently plugged in will make your scroll bar appear like the one on this page. This one gives you the opportunity to use a wider range of colours.

Change the colours of your scroll bar on the right hand side of the screen. This one requires that you use actual colour names.

Remove the white from behind the items in your shop. You will be able to see your background colour instead. It will look like the picture below.
<style> A, TD, P, BODY { color: #427A49; font-family: verdana; font-size: 13px; text-decoration: none; } </style> <style> p img { } </style>

Change the colour of the price and name of items in your shop/gallery
<style type="text/css"> td, p, body { color: #727b7c; font: 9pt verdana; } </style>

Remove the lines of the boxes that are around the items in your shop or gallery
<style> img { border-width: 0px; } </style>

Before After

Add an image to the right side of your lookup AND change the background colour (replace the URL that I have with one of your own. Choose a background colour to match your image).
<style> BODY { background: #ead5ff url("http://pets.neopets.com/cp/w6kl48vj/1/2.png"); background-attachment: fixed; background-position: right; background-repeat: no-repeat; } #main { background: none; border: 1px; } #content { width: 800px; } .contentModuleHeader { background: #9731fd; } .contentModuleHeaderAlt { background: #9731fd; } </style> <p> </p>

Add a tiled background to your lookup

• Change #ce92ef to the main colour you want for a background
• Change 'http://pets.neopets.com/cp/w6kl48vj/1/2.png' to your own image
• Change 780px to a width for the content modules that you like

Add a repeated image down the right hand side
<style> BODY { background: #ead5ff url("http://images.neopets.com/new_shopkeepers/t_1267.gif"); background-attachment: fixed; background-position: top right; background-repeat: repeat-y; } #main { background: none; border: 1px; } #content { width: 800px; } .contentModuleHeader { background: #9731fd; } .contentModuleHeaderAlt { background: #9731fd; } </style> <p> </p>

Change the colour of the heading of the content modules
<style> .contentModuleHeader { background: #ff99ff; } .contentModuleHeaderAlt { background: #ff99ff; } </style>

---

Change the background colour of the content modules
<style> .contentModuleContent, .contentModule, { background-color: #ff99ff; } </style>

---

Remove the border around the content modules
<style> .contentModule { border: 0px; } .contentModuleTable { border: 0px; } </style>

---

A few options for changing the border's colour and width around the content modules
narrow border <style> .contentModule { border: 1px solid #ff99ff; } .contentModuleTable { border: 1px solid #a0f943; } </style>
wide border <style> .contentModule { border: 5px solid #ff99ff; } .contentModuleTable { border: 5px solid #a0f943; } </style>
wide/dashed border <style> .contentModule { border: 4px solid #ff99ff; } .contentModuleTable { border: 4px dashed #a0f943; } </style>

---

If you do not know how to make your own navigation toolbar, use this instead
<table border="3" cellpadding="4" cellspacing="0" width="380"><tr><td align="center" valign="top" width="400"> <font size="2">Navigation:</font><p> <a>Create</a>| <a>Pet Central</a>| <a>Explore</a>| <a>Games</a>| <a>Neomail</a>| <a>Shops</a>| <a>Boards</a>| <a>News</a>| <a>Stuff</a>|<a>Help</a>| <a>Login</a>| <a>Logout</a>| </p> </td></tr></table>