hapy_b3cus_of_u got their homepage at Neopets.com

Need HTML/Css codes? Well here you go every thing you need to know to make a cool petpage, shop/gallery, etc.

HTML Codes

Changing the color of your text,size, and font.
<font color=BLACK face=ARIAL size=3> TEXT HERE</font>
~Change BLACK to the color you want
~ARIAL to the font you want
~3 to the size you want
~Put your own text where is says TEXT HERE

Bold text
<b>TEXT HERE</b>

Underlined text
<u>TEXT HERE</u>

Italic text
<i>TEXT HERE</i>

~~Strikethrough text~~
<strike>TEXT HERE</strike>

Start a new line
<br>TEXT HERE

Start a new paragraph
<p>TEXT HERE

align text center
<p align=center>TEXT HERE</p>

align text left
<p align=left>TEXT HERE</p>

align text right
<p align=right>TEXT HERE</p>

Image and Link Codes

Put an image on a page
<img src=URLOFPICTURE.JPG>
~Replace URLOFPICTURE.JPG with the url of the picture(NOTE:YOU HAVE TO HAVE http:// before the link or it won't work)

Links
<a href=http://www.neopets.com>TEXT HERE<a>
~Replace http://www.neopets.com with the url of the link(NOTE:YOU HAVE TO HAVE http:// before the link or it won't work)
~Replace text with the text you want people to click on

Linked images
<a href=http://www.neopets.com><img src=URLOFPICTURE.JPG></a>
~Replace http://www.neopets.com with the url of the link(NOTE:YOU HAVE TO HAVE http:// before the link or it won't work and put before and after the url of the link)
~Replace URLOFPICTURE.JPG with the url of the picture(NOTE:YOU HAVE TO HAVE http:// before the link or it won't work)

Background Codes

Background
<body background=URLOFBG>
~Replace URLOFBG with the url of the background

Colored Background
<body bgcolor=BLACK>
~Replace BLACK with the color you want

Marquee

Regular marquee
<marquee>TEXT HERE</marquee>
~NOTE:It's a transparent Marquee

Colored marquee
<marquee style="font-size:12pt;font-family:ARIAL;color:WHITE;background:BLACK">TEXT HERE</marquee>
~Replace BLACK with the color you want for the background
~Replace WHITE with the color you want for the text of the marquee
~Replace ARIAL with the type of font you want
~Replace 12pt for the font size (12 is regular)

Others

Tables
<table border="1" style="border-collapse: collapse; border-color:BLACK" width="100" height="100"> <tr> <td valign=top>TEXT HERE</td> </tr> </table>
~Replace BLACK with the color you want for the border
~Replace 1 with the size of the border you want (thickness)
~Replace 100 with the width and height you want
~To add another cell use this code after < /td > <td valign=top>TEXT HERE</td>
~To add another row use this code after < /tr > <tr><td valign=top>TEXT HERE</td></tr>

Blog/Div layer
<div style="width:50;height:50;overflow:auto">TEXT HERE</div>
~Replace 50 with the width and height you want

Scroll bar
<body style="scrollbar-arrow-color:#COLOR; scrollbar-track-color:#COLOR;scrollbar-face-color:#COLOR; scrollbar-highlight-color:#COLOR; scrollbar-3dlight-color:#COLOR; scrollbar-darkshadow-color:#COLOR; scrollbar-shadow-color:#COLOR">
here's a guide to help you:

Css Codes

Text(all)

Changing the font/color/size of the whole page
<style type="text/css"> body, p, td { color: #000000; font-size: 10pt; font-family: arial; } </style>
~Replace #000000 with the font color you want
~Replace 10pt with the font size you want
~Replace arial with the font face you want

Make all text lowercase
<style type="text/css"> body, p, td { text-transform: lowercase; } </style>

Make all text uppercase
<style type="text/css"> body, p, td { text-transform: uppercase; } </style>

Make all text capitalized
<style type="text/css"> body, p, td { text-transform: capitalize; } </style>

Make all text have a strike though it
<style type="text/css"> body ,p, td { text-decoration: line-through } </style>

make all text aligned to the left
<style type="text/css"> body, table, p { text-align: left; } </style>

make all text aligned to the center
<style type="text/css"> body, table, p { text-align: center; } </style>

make all text aligned to the right
<style type="text/css"> body, table, p { text-align: right; } </style>

Background

Repeating non fixed Bg
<style type="text/css"> body { background: url(URLOFBGHERE); } </style>
~Replace URLOFBGHERE with the background image

Repeating fixed Bg
<style type="text/css"> body { background-image: url(URLOFBGHERE); background-attachment: fixed; } </style>
~Replace URLOFBGHERE with the background image

Non repeating fixed Bg (it's like when you have one image at the bottom of the screen)
<style type="text/css"> body { background-image: url(URLOFBGHERE); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } </style>
~Replace URLOFBGHERE with the background image
~Replace right bottom if you don't want it at the bottom right corner put:center, left center, right center, center top, center bottom, left bottom , right top, or left top

Plain colored Bg
<style type="text/css"> body { background: #000000; } </style>
~Replace #000000 with the background color you want

Cursors

Custom cursors
<style type="text/css"> body { cursor: url(URLOFCURSORHERE); } </style>
~Replace URLOFCURSORHERE with the cursor image

Hovering

Text in bold on mouseover
<style type="text/css"> a:hover { font-weight: bold; } </style>

Text in italics on mouseover
<style type="text/css"> a:hover { font-style: italic; } </style>

Text with a strikethrough on mouseover
<style type="text/css"> a:hover { text-decoration: line-through } </style>

Text in uppercase on mouseover
<style type="text/css"> a:hover { text-transform: uppercase; } </style>

Text in capitalization on mouseover
<style type="text/css"> a:hover { text-transform: capitalize; } </style>

Text in lowercase on mouseover
<style type="text/css"> a:hover { text-transform: lowercase; } </style>

Text underlined on mouseover
<style type="text/css"> a:hover { text-decoration: underline; } </style>

Text not underlined on mouseover
<style type="text/css"> a:hover { text-decoration: none; } </style>

Text with overline on mouseover
<style type="text/css"> a:hover { text-decoration: overline; } </style>

Text with overline and underline on mouseover
<style type="text/css"> a:hover { text-decoration: overline underline; } </style>

Text that changes color on mouseover
<style type="text/css"> a:hover { color: #000000; } </style>
~Replace #000000 with the color you want of the word when you hover over it

Links

Changing how your links' color,size,and font face
<style type="text/css"> a:link { color: #000000; font-size: 10pt; font-family: arial; } a:visited { color: #000000; font-size: 10pt; font-family: arial; } a:active { color: #000000; font-size: 10pt; font-family: arial; } </style>
~Replace #000000 with the color you want of the link
~Replace 10 to the font size you want
~Replace arial to the font face you want

Others

How to change the color of all horizontal lines
<style type="text/css"> hr { border: solid; height: 2px; color: #000000; width: 100%; } </style>
~Replace #000000 with the color you want of the line
~Replace 100% to the width you want
~Replace 2px to the height you want
~Replace solid with the border style you want (dotted, dashed, or solid)

Removing the white around images
<style type="text/css"> img { filter: chroma(color=#FFFFFF); } </style>