Thought I could put this here as some people have problems with these kind of things.
All images you see are thumbnails. Click them to see larger versions of the pictures.
1. Click the button that says 'add signature'. You will most likely get redirected to the edit page and therefor you can skip Step 2.
2. Click the button that says 'Edit' next to the signature you want to edit.
3. Click the button that says HTML. Just as on the picture, it should be between the flashplayer button and Spellchecker.
4. Now you're able to put in HTML code in the box. It looks like in the picture.
5. When finished, click the button that says SUBMIT.
(if you know how to make the signature as your primary signature you can skip these steps)
6. Click the round button next to the signature you want to use.
7. Click save.
FINISHED
If there is something you don't understand about this tutorial feel free to ask. I tried my best not to keep it confusing.
All images you see are thumbnails. Click them to see larger versions of the pictures.
1. Click the button that says 'add signature'. You will most likely get redirected to the edit page and therefor you can skip Step 2.
2. Click the button that says 'Edit' next to the signature you want to edit.
3. Click the button that says HTML. Just as on the picture, it should be between the flashplayer button and Spellchecker.
4. Now you're able to put in HTML code in the box. It looks like in the picture.
Here's some useful HTML codes:
<br> - Used to create a new line. Always a must to creat a new line when in HTML editing mode.
<div style="text-align: center;">TEXT GOES HERE</div> - It align the text within the code. Center, left and right.
<img src="URL"> - This is the code used for images. You can easily change the size of the image by putting height and width in the code like this: <img src="URL" height="500" width="500">
If you want the image to be resized proportionally you only need to put in either height or width. When putting in the numbers remember that pixels are used, not inches or centimeters.Example:
<img src="http://teacupart.ucoz.com/_ph/4/368583588.jpg" width="200">
<a href="URL"target="_blank">TEXT GOES HERE</a> - This is the code for hotlinking. This one will open the page in a new tab.Example:
<a href="http://talkingxena.yuku.com/" target="_blank">Link.</a>
Link.
<span style="color: COLOR CODE;">TEXT GOES HERE</span> - This one control the color of your text. You put in the hex code (#000000 = black) for a color where COLOR CODE is. You can also put in rgb code (255, 0, 0 = red).
Hex example:
<span style="color: #0000ff;">This text is blue.</span>
This text is blue.
rgb example:
<span style="color: rgb(255, 0, 0);">This text is red.</span>
This text is red.
<blockquote>TEXT GOES HERE</blockquote> - This is the quote code. Looks like this:
The rest of the codes can be found by clicking the various buttons in the signature editor section. You can of course use these codes in posts as well.
Example:
<blockquote>This is a quote box.</blockquote>This is a quote box.
5. When finished, click the button that says SUBMIT.
(if you know how to make the signature as your primary signature you can skip these steps)
6. Click the round button next to the signature you want to use.
7. Click save.
FINISHED
If there is something you don't understand about this tutorial feel free to ask. I tried my best not to keep it confusing.
Thanks, DeiPho. 
