Welcome to Lee's Awsome HTML Help Guide! I am your host, Lee, along with my assistant, Holly the Puppyblew, we shall help you make your Pet Page, User Lookup, or anything really, the page of your dreams!

Step1. First we are going to work on your text, and how it should look! I know this section looks long & hard! But It is acctually very easy & I will try to make it seem not so intimadating!

Want it bold like this?

<b>TEXT</b>

Want it in Italics, like this?

<i>TEXT</i>

Want it underlined, like this?

<u>TEXT</u>

Want it centered, like this?

<center>TEXT</center>

<div align="left">TEXT</div>

<div align="right">TEXT</div>
How to make your text spin like this!

<marquee>TEXT</marquee>
How to make your text jump, like this!

<marquee behavior="alternate">TEXT</marquee>
This will make your text as BIG or as small as you want it!To change its size, replace the 5, with any number you want!

<font size="5">Text</font>
How to make _Sub-Script

_TEXT
How to make ^Super-Script

^TEXT
Want to make your text COLORFUL?

<font color="#CCCCCC">TEXT HERE</font>
4| | |This is pretty neat? | | |3

<font color="#FF66FF"> <MARQUEE behavior="alternate" direction="left" scrollAmount="3" width="4%"><font face="Webdings">4</font></MARQUEE><MARQUEE scrollAmount="1" direction="left" width="2%">| | |</MARQUEE></font><font color="#33CCFF">TYPE HERE!!!</font> <font color="#FF66FF"> <MARQUEE scrollAmount="1" direction="right" width="2%">| | |</MARQUEE><MARQUEE behavior="alternate" direction="right" scrollAmount="3" width="4%"><font face="Webdings">3</font></MARQUEE></font>
How
cool
is
this?! <MARQUEE DIRECTION="UP" SCROLLDELAY="1" SCROLLAMOUNT="1" WIDTH="100%" STYLE="text-align:justify;filter:wave(add="5", phase="10", freq="5", strength="100");"><center><font color="#FF66FF" size="2"><br>Type<br>here<br></marquee>

Step2. Now we are going to go through breaking up text. No, not breaking up like they were going out! Breaking up like hitting enter!

This code will be like pressing the enter button on the keyboard!

<br>TEXT
This is more like making a paragraph.

<p>TEXT

1. This is nice
2. to help
3. number things

<ol> <li>point one <li>point two <li>point three </ol>

• This is nice
• to help
• organize things

<ul> <li>point one <li>point two <li>point three </ul>

---

Want a line like that one? ^^ This is nice for seperating page, or catagorizing, or something...

<hr size=10> Then your text goes here!!

Step3. Random stuff that I dont know how to catagorize! xD

How to add links to your (soon to be awsome) Page!Make sure where is says LINKHERE that you put your link in! Or else it wont work!

<a href="LINKHERE"><b> TEXT</b></a>

Want to make...
...your text Overlap??

<font style=" font-family: georgia; font-size: 30pt; color:hotpink; font-weight: normal; letter-spacing: -3px; line-height: 20px; text-transform: lowercase; ">THIS IS WHERE YOUR BEHIND TEXT GOES</font><br><font style=" font-family: georgia; font-size: 25pt; color: #CCCCCC; font-weight: normal; letter-spacing: 1px; line-height: 3px; text-transform: uppercase; ">THIS IS WHERE YOUR INFRONT TEXT GOES!</font>

Want a cool colorful scroll bar, like that one? Make sure where it says color you type what color you want!

<style type="text/css"> <body{ scrollbar-face-color: COLOR; scrollbar-highlight-color: COLOR; scrollbar-3dlight-color: COLOR; scrollbar-darkshadow-color: COLOR; scrollbar-shadow-color: COLOR; scrollbar-arrow-color: COLOR; scrollbar-track-color: COLOR;}> </style>

What to put up some of your drawings? Or maybe a pic. Heres the code! For this you will have to have a picture of whatever you want for your background, downloaded on Photobucket.com or maybe Imageshack.com. Where it says URL GOES HERE is where you paste the URL from your downloaded picture!(keep in mind, if it is of somehting bad, you can & will be reported)

<img src="http://www.neopets.com/mypicture.gif">

Or maybe you want your picture centered.

<div align="center"><img src="http://www.neopets.com/mypicture.gif"></div>

Step4. So... YOU want a background for your almost awsome page??? Well here are some links to help!

For this background you will have to have a picture of whatever you want for your background, downloaded on Photobucket.com or maybe Imageshack.com. Where it says URL GOES HERE is where you paste the URL from your downloaded picture! (keep in mind if it is an inapropreat picture you WILL be reported!)

<style>body{background: url("URL GOES HERE");background-attachment: fixed}</style>

This background is just for plain colors, like the background on this page.

<style>body{background: fixed; background-color:PUT YOUR COLOR HERE!;}</style>

This background is tiled. To use this you must also have a downloaded picture.

<style>body{background:url(http://images.neopets.com/backgrounds/tile4.gif) fixed}</style>

This background is non-tiled and is positioned at the bottom right corner. Again you must have a downloaded pic.

<style>body{background:url(http://images.neopets.com/evil/jhudora.jpg) fixed no-repeat right bottom}</style>
Thankyou for using Lee's Awsome HTML Help Guide! Hope your page now looks AWSOME! I will be adding more and more HTML on at random times, so keep checking back if your not satisfied!

On your way out, would you please take a button, to help get the word out about Lee's Awsome HTML Help Guide!

<a href="http://petpages.neopets.com/~chelseylee0amies7h"><img src="http://i114.photobucket.com/albums/n263/Mollys_mama/Button1.jpg"></a> <a href="http://petpages.neopets.com/~chelseylee0amies7h"><img src="http://i114.photobucket.com/albums/n263/Mollys_mama/Button2-1.jpg"></a> <a href="http://petpages.neopets.com/~chelseylee0amies7h"><img src="http://i114.photobucket.com/albums/n263/Mollys_mama/Button3-1.jpg"></a>

---

A.F.F.I.E.S!

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® 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