Userpage HTML Guide

General HTML Coding Tips

This area shows some basic HTML tips for use within your userpages.

Tables

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

This is what the table will look like:

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

Images

This will insert an image on your userpage:

<img src="''Your File Here''" />

Bullet Points & Numbered Lists

<ul>
<li>''Each Piece of Info after a Bullet''</li>
<li>''Each Piece of Info after a Bullet''</li>
<ul>

{That's just for bullets.}

---

<ol>
<li>''Each Piece of Info after a Bullet''</li>
<li>''Each Piece of Info after a Bullet''</li>
<ol>

'''{That's for numbered bullets.}

Background Color's & Images

If you would like to have an image as the background to your page, then the following is what you need.

<table border=0 background="'''image link'''" width=100%>
<tr><td> 
CONTENT HERE 
</td></tr></table>

Remember to change the area in bold to the link to your image file, this has to be hosted somewhere. For example, http://www.toontowncentral.com/images/imagefile.jpg

Inline Anchor Links

If you want to place links inside your userpage to other parts/sections of your userpage the following is what you need.

Place the following text on the line you wish to link to. Remember to change the anchorname to a different name for each link and make sure there are no spaces in the anchorname.

<a name="'''anchorname'''">

Now around your link do the following, remember to replace anchorname with the name of your anchor but remember to leave the # infront of it.

<a href="#'''anchorname'''">'''link'''</a>

Text

Color & Style

<div style="'''color:#FF0000'''; font:'''Arial'''">''Your Text Here''</div>

NOTE:Bold is what you can edit.

Alignment

<center>''Text Goes Here''</center>

~~OR~~

<div align="center">''Text Goes Here''</div>

Example

Plugins

Sounds & MIDI's

This allows music to be put into your userpage and shows a little control box wherever you placed the code. If you don't want it to start automatically (autostart) and don't want it to play over and over (loop), you can remove this part of the code: autostart="true" loop="true" so that it's left with the code ending with width="300". Don't remove that > sign, though. If you would not like the control box showing, make it like this: width="0" height="0"

<embed src="'''yourfile.mid'''" height="45" width="300" autostart="true" loop="true">

Movies & Animations

If you would like to embed a movie file, then the following is what you need.

<embed src="'''yourfile.mpeg'''" width="100%" height="60" align="center">

Remember to change the area in bold to the link to your movie file, this has to be hosted somewhere. For example, http://www.toontowncentral.com/files/moviefile.mpg

Flash/Shockwave

Flash

Shockwave