1) Click on "Help" in the yellow bar (at left) in Neopets.
2) Then click on "User Prefs" (pink Bruce) from the options along the top
3) You must enter your password in order to make any changes!
4) In the box next to "About Me" you can paste style sheet code that will change your user lookup appearance.

1) Click on "Pet Central" in the yellow left hand navigator
2) Then click on "Description" (techo) in the options at the top
3) You can insert style sheet and/or HTML code into the description field next to each pet to change the pet's lookup.

1) Click on "Pet Central" in the yellow left hand navigator
2) Then click on "Pet's Page" (lupe) in the options at the top
3) Click "Edit" under the pet whose page you wish to modify
4) Neopets will have created a default page for you. You can keep this page, modify it slightly, or completely make your own.
5) You can insert style sheet and/or HTML code to change the page.

1) Click on "Shops" in the yellow left hand navigator
2) Then click on "Your Shop" (yellow house icon) in the options at the top
3) Click "Create/Edit a shop" in the next list of options
4) Enter the text or HTML code you want in the "shop description" box.
Note: there is a limit on the number of characters you can enter.
Also, css is no longer allowed in shop descriptions.

Well, tables are one of the best ways to organize information on a web page. They allow you to easily align things in columns and rows. When used correctly tables can be a very effective and powerful layout tool.

In the most basic table, you need a table tag, a row tag and a cell (or data) tag. And as always in html, you need to end your tags.

<table>
<tr>
<td>Text in the cell</td>
</tr>
</table>

This would give you a one row, one column table.

You can also add some attributes to your table, such as background color, width, alignment, vertical alignment, border, and the space between the cells or around the text in the cells.

A URL (Uniform Resource Locator) is just an address to a piece of information on the internet - what you would type in the location bar of your browser to get to a website. That's the short answer. To understand what a URL does and how to use one most effectively, you might need a little more information.

Think of a URL as an address, similar to a postal address, which can lead you to any file on any machine anywhere in the world.

Unlike the common postal address, however, web addresses are written backwards (which probably makes more sense). If you wanted to deliver a letter to me shouldn't you first go to the correct country, then the state, etc?

A URL starts by naming the protocol that is to be used. (A protocol is simply "a standard procedure for regulating data transmission between computers." ~ American Heritage Dictionary)

The most common procedure used on the web is HTTP. There are other protocols such as: ftp (file transfer protocol); https (secure); or telnet.

The first part of the URL is the protocol (http). Next is the name of the server that holds the file (www.neopets.com), also called the domain name. You'll notice that domain names end with ".com" (commercial), ".edu" (education), ".gov" (government) or ".org" (organization). Servers outside the US frequently end with a couple of letters that designate the country. Following the domain name is a slash and then a path which leads through any folders on the server that are necessary to get to the file (images). Finally, you come to the file itself, named "gelert.gif." The file can be a document, an image, a program (such as a Java or CGI program), or almost any kind of file.

Being relative!
The type of URLs we've been discussing are called "absolute" URLs. That is an address that contains all parts from protocol to file name.

However, a URL does not always have to be written (in HTML code) with the complete address. When you are creating links to files that are all on a particular server you can use a "relative" or "partial" URL. A relative URL is simply a path to one document as it relates to another, whereas an "absolute" URL can stand alone, since it gives the complete path.

For example, many of the links coded on this website are relative URLs...that is, they don't start with "www.angelfire.com" because we're already there. So, a link to the Council page would be coded "/wizard/bookloversguild/Council.html" and a link to the FAQ would be "/wizard/blgsecondary/FAQ.html". The www.angelfire.com portion of the address is not necessary because it is common to both. However, the path "/wizard/blgsecondary" or "wizard/bookloversguild" is necessary to tell the browser to start in the wizard folder and then proceed with the rest of the address.

A style sheet is a set of attributes that are applied to different elements in a document, specifying things like font, color, margins, indents, drop caps, location, size, and emphasis. They have been used by the publishing industry for years. Now they can be used to format HTML documents as well, and quite easily since an HTML document is nothing but a set of elements used to format text.

So, all you do in a style sheet is list the elements that should all have a particular style. You can group elements, or get as specific as you want. Style sheets are abbreviated CSS (for Cascading Style Sheets). Cascading means that there is an order in which the rules are applied. You can apply a style to an entire document or a part of a document. You can have multiple style sheets all on the same document, but they are applied in a certain order, so you have to be careful where you place your style definitions in order for them to have the desired effect.

The style closest to the element will be the one that defines its style. So, if you have CSS#1 at the top of the page, then CSS#2 in the middle and then your text, any styles that are defined in CSS#2 that contradict CSS#1 will override CSS#1 and will be applied.

A style sheet always begins with
<STYLE TYPE="text/css">

I personally recommend that you then add the HTML remark code <!-- since this then causes any browser that doesn't support style sheets to ignore them. (just don't forget to add the end remark --> at the end of the style sheet, just before the end </STYLE> tag)

Next you will begin to define your styles. You can define a style for any HTML element such as headers, tables, paragraphs, etc. To define a style for an element, first list the element, then in brackets {} add the style attributes. Style attributes have two parts - a property (such as "color") and a value (such as "red"). The property is listed first, followed by a ":", followed by the value. Attributes are separated by a ";".

h1, h2, h3, h4, h5, h6	{ font-family: helvetica; font-weight: bold }
h1, h2	{ color: #905}
h1	{ margin-top: 10; margin-bottom: 30 }
h1	{ font-size: 18pt; text-align=center }
h2	{ margin-left: 20; font-size: 14pt }

As you can see, you can apply certain styles to a group of elements, and then also apply styles to each element individually. In the above example, all the headers will be in Helvetica and bold. However, h1 and h2 will be different colors and sizes with different margins.

You can set styles for Font, Text, Margins, Backgrounds, Images, Borders, and more. The table below lists some possible properties and their possible values.

You can also embed style information directly into an element tag. For example,

<td style="border: 1 solid #009900">

This example shows border style information embedded directly into the table cell tag. This would override any table cell styles set in the style sheet for the page.

For more information on this topic, check out the other style sheet links on this page.

What is JavaScript?
JavaScript is a scripting language that works with HTML to create interactive webpages. HTML can only format information and present it to a user in the browser. Furthermore, using only HTML a page's display cannot be changed after the page is loaded. JavaScript can go beyond HTML to change a page's display based on user input or other actions on the page, after it has been loaded. This allows you to create "dynamic" web content.

What is the difference between JavaScript and Java?
Java is an Object Oriented Programming (OOP) language created by James Gosling of Sun Microsystems. JavaScript was created by Netscape. JavaScript is a distant cousin of Java as it is also an OOP language and many of their programming structures are similar. However, JavaScript contains a much smaller and simpler set of commands than does Java. Java is used to write stand alone applications whereas JavaScript is really only for use in web browsers.

Don't worry if you don't know what Object Oriented means. It's fairly complicated to explain and understand. You can click here for more information on OOP.

Where can I use JavaScript?
JavaScript can be embedded into any HTML document inside of <SCRIPT> tags. Generally, you embed some JavaScript code (usually a function) in the head portion of the HTML page, and then "call" that function (make it run) at another point in the HTML code. The trigger for the javascript is usually an action or event such as clicking or mousing over an image.

What kinds of things can I use it for?
JavaScript is most useful for creating an interactive and/or dynamic web site. Common uses include:

manipulating images (mouseovers, etc);
getting information from users or giving information to users (pop-ups);
text effects (tickers, scrolling);
navigation options (drop-downs);
cookies;
form validation

How do I get started?
JavaScript is too complicated to be taught or explained in a few paragraphs. In many cases you can find pre-written JavaScript code, for various types of functions, that you can copy and paste into your HTML page. Links to a few of these sites are included below. If you want to learn to write JavaScript yourself, check out the tutorial links below.