Home / Apple / Créer facilement une signature HTML pour Mail sous Mac OS X.

Créer facilement une signature HTML pour Mail sous Mac OS X.

Voici une astuce simple à mettre en place pour utiliser une signature HTML avec le client email Mail de Apple. Depuis l’interface du logiciel, on ne peut pas insérer facilement une signature HTML. Découvrez l’astuce.
Pour cette méthode nous allons utiliser un fichier HTML. Si vous voulez insérer des images dans votre signature je vous conseille soit de copier vos images sur votre hébergement web ou sur un site de stockage pour simplifier et alléger votre signature. Il suffira juste d’indiquer le lien et c’est tout.

signature_mail_1

Toutefois les destinataires de vos messages qui auront décoché l’option Afficher les images distantes dans des messages HTML dans les préférences de leurs lecteurs de mails ne pourront voir celles qui accompagnent votre signature si vous faites usage de cette méthode.

Voici un exemple de signature, que vous pourrez adapter à votre situation. Il suffit de remplacer les liens et les images.

<br />
<span style="font-family: Verdana, Arial, Sans-Serif; font-size: 10pt; color: #000000; margin-top: 0pt;"><br /><br style="line-height: 9pt;"/>
<table width="100%" cellpadding="0" cellspacing="0">
 <tr>
 <td width="167px" align="left" valign="top" style="padding: 8px 13px 8px 0; border-top: 1px solid #c0c0c0;">
 <a href="https://quick-tutoriel.com" title="Quick-Tutoriel" style="color: #04B486; text-decoration: none;"><img moz-do-not-send="false" width="269" height="58" src="https://quick-tutoriel.com/wp-content/uploads/Logo_QuickTutoriel_Header_1.png" alt="Logo" style=" padding: 0; border: 0;" /></a>
 </td>
 </p>
 <td width="100%" align="left" valign="top" style="padding: 8px 0 8px 0; font-family: Verdana, Arial, Sans-Serif; font-size: 9pt; color: #777777; border-top: 1px solid #c0c0c0; ">
 <span style="color: #666666;"><strong style="color: #666666;">Guillaume REYNAUD</strong>, R&eacute;dacteur et Webmaster sur le blog Quick-Tutoriel.</span>
 <table>
 <tr>
 <td><img moz-do-not-send="false" src="https://quick-tutoriel.com/wp-content/uploads/email_signature.png" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;"><a href="mailto:webmaster@quick-tutoriel.com" style="color: #666666;text-decoration: underline;">webmaster@quick-tutoriel.com</a></span></td>
 <td>&nbsp;</td>
 <td><img moz-do-not-send="false" src="https://quick-tutoriel.com/wp-content/uploads/website_signature.png" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;"><a href="https://quick-tutoriel.com" style="color: #666666;text-decoration: underline;">quick-tutoriel.com</a></span></td>
 <td>&nbsp;</td>
 </tr>
 </table>
 <table>
 <tr>
 <td><img moz-do-not-send="false" src="https://quick-tutoriel.com/wp-content/uploads/twitter_signature.png" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;"><a href="http://twitter.com/quicktutoriel" style="color: #666666;text-decoration: underline;">@quicktutoriel</a></span></td>
 <td>&nbsp;</td>
 <td><img moz-do-not-send="false" src="https://quick-tutoriel.com/wp-content/uploads/facebook_signature.png" width="16" height="16" /></td>
 <td nowrap><span style="color: #666666;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;"><a href="https://www.facebook.com/QuickTutoriel" style="color: #666666;text-decoration: underline;">Sur facebook</a></span></td>
 <td>&nbsp;</td>
 <td><img moz-do-not-send="false" src="https://quick-tutoriel.com/wp-content/uploads/annonce_signature.png" width="16" height="16" /></td>
 <td nowrap><span style="color: #b50808;font-size: 9pt;font-family: Verdana, Arial, Sans-Serif;white-space: nowrap;"><a href="https://quick-tutoriel.com/annoncez-sur-ce-blog" style="color: #b50808;text-decoration: underline;">Annoncer sur le blog</a></span></td>
 </tr>
 </table>
 <br />
 </td>
 </tr>
</table>

Je tiens à remercier Vincent Miller pour avoir partagé son squelette de signature mail. Voilà ce que cela donne pour moi après modification.

signature_mail_2

Maintenant que votre signature HTML est finie, ouvrez Mail et créer une signature. Peut importe le contenu il sera remplacé par notre contenu HTML créé ci-dessus.

signature_mail_3

Aller dans Mail -> Préférences -> Signatures

signature_mail_4

Une fois votre signature créée, avec le Finder aller dans le répertoire (depuis votre profil) /Librairie/Mail/V2/MailData/Signatures/

Dans ce dossier, vous verrez toutes les signatures créées. Le fichier de signature ressemble à quelque chose prêt : D6B0ACF0-0455-4576-A566-3F6AFA68013C.mailsignature .

Pour reconnaître votre signature dans la liste, vous pouvez vérifier la date et l’heure à laquelle vous l’avez créée.

Dès que vous avez repéré la signature éditer là avec votre éditeur de texte préféré. Garder impérativement l’en-tête de la signature qui devrait être composé des lignes suivantes :

Content-Transfer-Encoding: 7bit
Content-Type: text/html;
 charset=us-ascii
Message-Id: <F3B8F39B-3E54-4891-88C7-7C54773D4B51@home>
Mime-Version: 1.0 (Mac OS X Mail 7.1 \(1827\))

signature_mail_5

Supprimer le reste du code qui doit apparaître en bas (ligne 7) dans mon exemple et faites un copier-coller de votre fichier signature HTML.

signature_mail_6

Une fois enregistré, nous allons ajouter une sécurité supplémentaire pour éviter toute modification inopportune du fichier. Faites un clic-droit sur votre signature puis sur Lire les informations et cliquez sur verrouillé.

signature_mail_7

Maintenant pour vérifier que tout fonctionne correctement relancer mail et admirer le résultat.

  • 1: Sélectionner votre signature dans la liste
  • 2: Affichage de votre signature HTML

signature_mail_8

Source: http://macquebec.com

That’s All.

  

1 potin

  1. Bonjour,
    Merci pour ce tutoriel.
    J’ai créer un fichier texte avec le code html. Lorsque j’enregistre ce fichier en format html, j’ai bien mon image avec le lien qui va dessus. J’ai copié le code dans l’éditeur de texte de la signature, verrouillé et enregistré mais lorsque je fais un nouveau mail, ni l’image ni le lien ne s’affichent, juste un rectangle avec une croix…
    Pouvez-vous m’aider?
    Merci

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

78edf93f99ef87664d9a0c16547da4d0"""""""""""""""""""""""""""""