HTML mail signature for your iPad & iPhone

Before you start.

Making e-mail signature for your iOS 7 Apple devices requires basic knowledge of HTML and CSS.
Have you never done that and do not see any reason to start now, but wish to have signature, don't worry, contact me, I can make one for a very moderate price for you. 

Making Signature

To make your signature you'll need HTML editor, like Adobe Dreamweaver or similar.
Do not to make it to complicated, email SW can't process javascript or flash animations, think of HTML from 5 years ago.
My advice, use tables to keep the elements of the signature together

Use CSS in the head of the document, something like:

<style type="text/css">
td img {
display: block;
}
html
{
font-family: Arial, Helvetica, Sans-Serif;
color:#6E7AA4;  ..... etc

 

iPhone will automatically change look of your links permanently

To avoid that, use "appleLinks" class in your CSS.

.appleLinks a {
color: color of your choice, something as #6E7AA4;
font-family: font of your choice, something as Arial, Helvetica, Sans-Serif;  
text-decoration: none !important; }

Of course "color of your choice, something as" and "font of your choice, something as" has to be removed.

 

Publish your page

When ready with the e-signature, publish your page on the internet, visit it with your iPhone or iPad. You should see in your browser correct version of your concept. Here you can see a simple example, click on the address, website or telephone number.

 

What's next step?

Copy your signature , see the image below.

Paste Your Copied Signature

Navigate to the iOS Settings App, then to “Mail, Contacts, Calendars”, then to “Signatures”. Here you can paste your signature for all email accounts.

NOTE: The signature will not look right, don't panic, you will fix that in the next step.

 

 

Shake your iPhone

Apple automatically change your signature when you paste it, causing your concept look messed up and distorted. Shake your device until an “Undo Change Attributes” screen shows.

Click on “Undo”. After this, the signature will look as you have designed it.

Your email signature is ready!

To be sure everything is done allright send test mail to your self and your friends before you start to use it in public.