Een HTML handtekening voor OS X Mountain Lion

Gebruik je Yosemite? Klik dan hier!

Het artikel over het plaatsen van een handtekening onder je email op een iPhone of iPad was een behoorlijk succes. Dus kon de volgende vraag niet uitblijven: allemaal leuk en aardig, maar hoe maak je nou zo’n handtekening?

Hierover gaat dit artikel. We beschrijven het maken van een handtekening voor OS X Mountain Lion. LET OP: Deze tutorial vraagt meer kennis.

HTML handtekening

Je zult moeten beginnen met het schrijven van een HTML pagina in je favoriete programma, bijvoorbeeld Dreamweaver.

Hierbij gelden de volgende regels:

De pagina mag geen HTML, HEAD of BODY tag bevatten, er mag geen aparte style sheet  worden gebruikt en alle CSS moet als inline worden gebruikt en hou de HTML elementen eenvoudig: DIV, SPAN, IMG, a, etc.

Hier is een voorbeeld om je op weg te helpen:

<div id=“sig” style=” line-height: 13px; margin: 6px 0; padding: 8px; border-top: 1px #999999 dotted; border-bottom: 1px #999999 dotted; font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif; font-size: 11px; color: #339999; “ >

<img src=“http://www.avander-consultancy.com/Artwork/logo.png” alt=“avander” style=“float: left; padding: 0px 6px 0 0;”><a href=”http://www.avander-consultancy.com” title=“visit Avander Consultancy” style=“color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;”></a>

<strong style=“color: #339999;”>Jouw Naam</strong>Jouw Motto<br />address | Adres – Postcode – Plaats <br />contact | <a href=“mailto:[email protected]style=“color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;”>[email protected]</a> – Tel: +31 20 2629676 | <a href=“http://nl.linkedin.com/in/jouwlinkedinpagina”><img src=“http://www.avander-consultancy.com/Artwork/linkedin-logo.jpg” alt=“linkedin” style=“padding: 10px 6px -2px 0; border: none;”></a></div>

Uiteraard zul je mijn gegevens moeten vervangen door de gegevens van jezelf. De logo’s en linkedin icons kun je niet meesturen. Diverse mail programma’s gaan hier anders mee om. De kans dat het mis gaat is daarom heel erg groot. De grafische elementen zul je van een website moeten halen. Vandaar dat hier ook verwezen wordt naar een complete URL van het logo en het linkedin pictogram.

Deze handtekening is redelijk eenvoudig. De horizontale lijnen passen zichzelf aan aan de breedte van het medium waarop de mail wordt gelezen.

Wil je het professioneler doen, dan zul je verschillende handtekeningen moeten maken voor je Mac, je iPhone of iPad. Uiteraard ben je vrij om te kiezen voor een “one size fits all”, zoals ik hier gedaan heb, of om voor elk apparaat een aangepaste handtekening te maken.

Maak een handtekening in Mail

In Mail, ga naar Voorkeuren > Handtekeningen en maak een handtekening aan met een willekeurige inhoud. Geef het een handige naam. Dit is een place-holder. De inhoud gaan we in de volgende stap vervangen door de HTML code die we hierboven hebben aangemaakt.HTML-handtekening-1

Vervang de handtekening

Open de folder: ~/Bibliotheek/Mobile Documents/com~apple~mail/Data/Maildata/Signatures.

Jouw persoonlijke Bibliotheek (aangegeven door “~” vooraan) is standaard verborgen in Finder.  Je opent je Bibliotheek door in Finder de Alt toets te gebruiken en gelijktijdig Ga te klikken in de menubalk. Je ziet dan Bibliotheek staan tussen de bestemmingen.

De map Signatures bevat een aantal bestanden die beginnen met “ubiquitous” en eindigen op “.mailsignature”. Kies degene die je net hebt gemaakt. Dat zie je aan de aanmaak datum!

Open dit bestand in je favoriete HTML editor en je ziet dan iets als volgt:

HTML-handtekening-2

Laat de topregels staan en vervang de rest door de HTML regels die je als eerste hebt gemaakt. Vergeet niet om te saven. Niet elke app maakt gebruik van Autosave!! Open je nu Mail dan zul je bij handtekeningen je nieuwe handtekening zien staan:

HTML-handtekening-3

De grafische elementen zijn niet aanwezig en vervangen door vraagtekens. Dit komt goed als je de handtekening onder een mail plaatst. Mits de URL’s correct zijn.

Succes!

Mocht je hier uiteindelijk toch niet zelf uitkomen, stuur me dan even een mail of maak gebruik van de reactie mogelijkheid op deze pagina. Voor een redelijk bedrag maak ik een handtekening voor je.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Bewijs dat je een mens bent * Time limit exceeded. Please complete the captcha once again.