Click here to print this tutorial!
(Both pages included)

This is the tutorial for using html to insert and align graphics in your messages and signature. I also have available an ezcode graphic tutorial which you may find to be an easier way to insert simple graphics into your messages. I have a more extensive signature tutorial available as well.

On this page, you will learn how to add graphics to the messages. Before you can add a graphic, the graphic must have it's own url (address) on the internet. You will not be able to link a graphic from your hard drive.

For more information on how to do this, click here!

Now, to show you how to add an image using html!

Here is an example of the HTML Code for inserting graphics:

<img src=http://www.mywebspace/graphics/image.gif>

If you can type that, you can do graphics. It's that simple. The only difference would be that you would replace the url (address) with the url of the graphic you want to use.

With Ezboard, you can use your enter key to position your graphic below or above your text.

You can also center your graphics using html. You would put <center> in the front of the html graphic code and</center> at the end.

Here is an example:

<center><www.mywebspace/graphics/image.gif></center>

You can also wrap your message around the graphic by adding some directions to the graphics tag. These would be align=left or align=right

Here is an example:

<img src=http://www.mywebspace/graphics/image.gif align="right">

That will put your message to the left and the graphic at the far right, yet even with your message. You can use the "left" alignment instead if you would rather show your graphic to the left side and have your message to the right.

There is one important thing you must do if you want to use html in your messages. You must check the html box before submitting your message. Otherwise all you will see is the written out code instead of an image. If you use html in your message, you will be unable to use any emoticons or any other ezcodes.

This is pretty much the basics of graphics. I also have a tutorial on how to customize the font size and color on another page. Click here to see that tutorial. If you're wanting to use html to add graphics to your signature, here's a more detailed tutorial about signatures.

This may all seem confusing right now, but just practice a little and I think you will get the hang of it. For practice purposes, I've added a practice board which you can get to by either the main page of the board or by clicking on the drop down menu at the bottom of the message board.