You are viewing an old revision of this page, saved 2006-04-27 05:54 by Vergency. View current version · Revision history

Userpage HTML Guide

Last touched 2013-07-09 07:54 · View history

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>
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Images

<img src="Your File Here" />

Bullet Points & Numbered Lists

&lt;ul&gt;
&lt;li&gt;''Each Piece of Info after a Bullet''&lt;/li&gt;
&lt;li&gt;''Each Piece of Info after a Bullet''&lt;/li&gt;
&lt;ul&gt;
{That's just for bullets.}
  • Bullets
  • Bullets
&lt;ol&gt;
&lt;li&gt;''Each Piece of Info after a Bullet''&lt;/li&gt;
&lt;li&gt;''Each Piece of Info after a Bullet''&lt;/li&gt;
&lt;ol&gt;
'''{That's for numbered bullets.}
  1. # Bullets
  2. # 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. 

&lt;table border=0 background=&quot;'''image link'''&quot; width=100%&gt;
&lt;tr&gt;&lt;td&gt; 
CONTENT HERE 
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
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

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. 

&lt;a name=&quot;'''anchorname'''&quot;&gt;

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. 

&lt;a href=&quot;#'''anchorname'''&quot;&gt;'''link'''&lt;/a&gt;

Text

Color & Style

&lt;div style="'''color:#000000'''; font:'''Times New Roman'''"&gt;''Your Text Here''&lt;/div&gt;
NOTE:Bold is what you can edit.

Example Text Is Here

Alignment

<center>Text Goes Here</center>

~~OR~~

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

Example

Other Example

Plugins

Sounds & MIDI's

Movies & Animations

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

&lt;embed src=&quot;'''yourfile.mpeg'''&quot; width=&quot;100%&quot; height=&quot;60&quot; align=&quot;center&quot;&gt;

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

Referenced by 2 pages pages that link to “Userpage HTML Guide” — its place in the wiki