Please do NOT email asking to help to make your own site/page, there are plenty of help sites for making web sites, Nutty isn't one of them, this is just a little help to get you started.

Neopets own html

Following a heap of enquires about how to do stuff with User Lookups and other shop, pet bits I have tracked down a help page here, or here thanks to chinesian878, or here thanks to starzprincess8

Basic webmaster tools

I keep getting asked how we made this site, so I'm going to give you a few simple lessons on how to make a Web Page. 

I must warn you though, this guide is for "all newbies".

 If you're at all experienced at this sort of thing, you'll probably find this tutorial a bit of a yawner.

what should I use?

a HTML editor (basically so you see codes not pics) or a program, such as Dreamweaver or FrontPage. Nutty is made up by a mixture of them both, if you are comfortable with cutting and pasting in other Microsoft programs, then use Front page.

 but if you really want to learn codes, then use notepad, YEAH, you heard me, just plain old notepad, that comes with most pc's.

HTML = Hyper Text Markup Language, shops and pet webpages.

CSS = Cascading Style Sheets, pet & user lookups and guilds.

URL = Uniform Resource Locator (basically something on the web)

HTML Basics

What is HTML?

HTML stands for Hyper Text Markup Language. That sounds complicated, but all it means is that it's normal text (just like on a typewriter) just "marked up" so that one document can "hyperlink" to another (hence the word "hypertext"). The "marking up" consists of little formatting commands called tags.

What are tags?

Tags surround a particular word or bunch of words to tell the Web browser what special formatting to do. For example, the simplest tags can make a word or group of words underlined:

Look! These <u>words in the middle of this sentence</u> are underlined!

Comes out on the screen like this:

Look! These words in the middle of this sentence are underlined!

Notice that the <u> tag seems to mean "underline everything after this" and that the </u> tag means "stop underlining". Nearly every HTML tag comes in pairs like this <>one starts a certain formatting, the other </> stops that formatting.

Okay, so how do I write in HTML?

Essentially, you write just like you would normally, just every time you want words to look differently, you put tags around them. Because it's hard to remember what tag does what, here are a few basic references you should keep handy:

How do I make my scroll bar a different colour?

(you must remember to spell it "color")

Here is a simple code to use for a coloured scroll bar

[FrontPage Save Results Component]

This code will make the scroll bar the same colour as this one, black scroll bar with a white arrow.

Change the colours by getting a new hex code from the chart, and then paste the code to your page.

A lot of people add a tracking colour and a 3d bit, I think its a waste of code and time, it looks perfectly ok without them.

<STYLE><!-- body {SCROLLBAR-ARROW-COLOR: #FFFFFF;SCROLLBAR-BASE-COLOR: #000000;}--></STYLE>

The bold text is the tags 

How do I put a link on my page?

don't forget to visit The Neopets HTML Guide

<p align="center">don't forget to visit <a href="http://www.neopets.com/help/html1.phtml">The Neopets HTML Guide</a>.</p>

I have used this as an example of how to "hyperlink a word"

The green section is the hyper linked word

The purple section is the url, which is the page you want people to go to when they have pressed the word

The brown section is the alignment tag, so it is centered on the page

How do I make my words marquee?

<marquee>How do I make my words marquee?</marquee>

How do I make a box around my text?

<center> <table border="1"width="480"bgcolor="#FFFFFF"> <tr> <td width="100%"> <p align="center">How do I make a box around my text?</p> </td> </tr> </table> </center>

You can change the background colour, and this box is centered

You can alter the width to your own needs.

Launched 1st Jan 2004

Search & Win

Neopets 2010
. All rights reserved. Used with permission
All other images and content nuttyaboutneopets.com