HTML Tutorials
Signatures should be composed in HTML. You can use <br> to create line breaks and surround text with <strong>text</strong> in order to make it bold.
For exampe:
| HTML Code | Result | |
| <strong>Your Name</strong><br> Your Company<br> 123 Fake St, Nowhere, TX |
Your Name Your Company 123 Fake St, Nowhere, TX |
Any use of CSS should be as inline style="..." attributes, and not within separate <style>...</style> tags as many email clients will strip everything but inline styles.
Using Images
To use images in your signature, you will need to upload your image to a place on the web that anyone can access and use an <img> tag pointing the src="" attribute to that location. For example, I uploaded my logo to http://blankcanvasweb.com/skins/blank_canvas/images/bc_logo_75.gif, so the HTML code for my image is as follows:
<img src="http://blankcanvasweb.com/skins/blank_canvas/images/bc_logo_75.gif" />
The important part is the the src="" attribute. A good question to ask yourself is "could I get to this image from any computer?". If the answer is yes, then you're in good shape.
You can include some additional formatting to help make sure that your signature will be correctly laid out even if the image is not displayed such as:
<img src="http://blankcanvasweb.com/skins/blank_canvas/images/bc_logo_75.gif" style="float:left; width:75px; height:75px; margin-right:10px; border:none;" width="75" height="75" alt="Blank Canvas" />
Creating Links
Links are created with the "anchor" tag (<a>). Simply wrap the test or image you want to turn into a link with this tag as follows:
<a href="http://www.yourlink.com">Text to link</a> or
<a href="http://www.yourlink.com"><img src="http://blankcanvasweb.com/skins/blank_canvas/images/bc_logo_75.gif"/></a>
Loading... Please Wait