Signature Tutorial

This is a tutorial to help you design your signature. If you have a graphic you want to use for your signature, but it's on your hard drive and it needs a url (web address) Click here to get the information you need!

BASIC GRAPHIC HTML CODE

Ok, let's start with the basics. Here is an example of the html code for inserting a graphic into your signature:

The address going to your graphic may vary depending on where it is located on the web site. Click here for information on how to give your graphic a url so you can use it on the message board.

PLACING YOUR GRAPHICS

To center a graphic, you must add the <center> tag to the front of the html code and the </center> to the end. Here's an example:

That's fairly basic. Now, say you want to have two images next to each other and have them centered. Here is an example:

Your results would look like this:

As you can see, those two graphics are right next to each other with no space in between. If you'd like to add spaces between the two images, an easy way to do so is to use the   code. Each time you add that code, it will add another space. Here's an example:

Your results would look like this:

What if you prefer having one graphic on top of another? Well, you have two choices. You can either use the tag or the tag. The tag will drop the image down one line and the tag will drop the image down two lines. This will leave a blank line in between the graphics. You can use more than one of these tags in a row to place the image to your liking. Here's an example:

Your results would look like this:

You can even use those tags to place text in your image below your graphic or even above your graphic. Here's an example:

<center><img src=http://www.mywebspace.com/tutorial pics/karenlr.gif> Atkins since 10/24/99 62 Pounds Gone!</center>

Your results would look like this:

Atkins since 10/24/99 62 Pounds Gone!

For information on changing the fonts in your signature read the Font Tutorial!

A FEW EXTRA TIDBITS

Do you have a web site that you'd like people to visit? Why not tell them about it in your signature?

The easiest way is a text link. Here's an example:

<a href=http://www.whooshfriends.com>Visit Whoosh Friends!</a>

You can also link a graphic to your web site. Here's an example:

<a href=http://www.whooshfriends.com><img src=http://www.wfgraphics/graphics/image.gif border=0></a>

The first tag is the address to your site, the second tag is the image you want to use as a link. The border=0 will allow your graphic without the small line going around it. Be sure to include the closing </a> tag!

You could also add your e-mail address as a link. Here's an example:

<a href=mailto:yourname@email.com>Email me!</a>

I'm sure you've all seen those cute little e-mail graphics. Well, you can link those too! Here's an example:

This may seem a little intimidating to you at first, but just play around with it a little bit and see what you can do. There is an html testing forum you can use to play around without worrying about cluttering up the main board. Have fun!