Υπάρχει πάρα πολύς κόσμος που κυριολεκτικά αγνοεί παντελώς τη λειτουργία των υπογραφών σε όποιο email client κι αν χρησιμοποιούν. Προσωπικά όχι μόνο δεν τις αγνοώ, αλλά ψάχνω και τρόπους για να κάνω την υπογραφή μου καλύτερη και πιο σύγχρονη. Σε αντίθεση με το Postbox 2 που επιτρέπει στο χρήστη να εισάγει HTML κώδικα στην υπογραφή που θα ακολουθεί κάθε email του, το Mail.app χρειάζεται μερικά έξτρα βήματα για να εμφανίσει μία πιο cool υπογραφή.
Θα χρησιμοποιήσω το δικό μου email signature σαν παράδειγμα για αυτό το how to. Με λίγο tweaking μπορείτε να την προσαρμόσετε στα δικά σας δεδομένα και με λίγη παραπάνω φαντασία μπορείτε να κάνετε τα πάντα. Δεν θα μπω σε λεπτομέρειες γύρω από τον κώδικα που συντελεί την υπογραφή μου γιατί αυτό δεν είναι CSS how to. Αν δεν έχετε καθόλου σχέση με το αντικείμενο, τότε κάντε ένα απλό copy paste και απλά προσθέστε τα στοιχεία σας.
Για ένα αποτέλεσμα σαν και αυτό...

Θα χρειαστείτε τον παρακάτω κώδικα...
1. Το πρώτο πράγμα που κάνουμε είναι να ανοίξουμε τα Preferences στο Mail.app και να δημιουργήσουμε μία νέα υπογραφή στο Signatures tab. Αν έχετε παραπάνω από μία υπογραφή, καλό θα ήταν να γράψετε κάτι στο πεδίο της υπογραφής για να ξεχωρίζει.

2. Τώρα που δημιουργήσατε μία νέα υπογραφή, κλείστε εντελώς το Mail.app (Command + Q)!
3. Ανοίξτε τον αγαπημένο σας text editor. αντιγράψτε τον παραπάνω κώδικα και σώστε το αρχείο με κατάληξη .html.
4. Ανοίξτε το αρχείο που μόλις δημιουργήσατε στο βήμα 3 με τον Safari και πηγαίνετε File > Save As και σώστε το σαν Web Archive.

5. Στη συνέχεια πηγαίνετε στο path ~/Library/Mail/Signatures. Εκεί θα βρείτε όλες τις υπογραφές που έχετε καταχωρημένες στο Mail.app με περίεργα κωδικοποιημένα ονόματα. Επιλέγοντας μία και πατώντας Space μπορείτε να δείτε ένα preview προκειμένου να βρείτε αυτή που δημιουργήσατε στο βήμα 1. Όταν τη βρείτε αντιγράψτε το όνομα του αρχείου τους (Enter και μετά Command + C) και μετά πετάξτε το στα σκουπίδια.

6. Τώρα πηγαίνετε στο web archive που δημιουργήσατε με τον Safari στο βήμα 4. Επιλέξτε το και δώστε του το όνομα αρχείου που είχε η υπογραφή σας στο βήμα 5 (Enter και μετά Command + V).
7. Μετακινήστε τώρα το αρχείο που φτιάξατε και μετονομάσατε στο φάκελο που ήταν η πρωταρχική υπογραφή (~/Library/Mail/Signatures) και ανοίξτε το Mail.app.
8. Πηγαίνοντας στις υπογραφές τώρα θα δείτε πως η υπογραφή που δημιουργήσαμε στο πρώτο βήμα εμφανίζεται σχεδόν σαν το παραπάνω screenshot. Μπορεί να μην εμφανίζεται η εικόνα, αλλά στα email σας θα εμφανίζεται κανονικά.

9. Τέλος πρέπει να τραβήξουμε την νέα υπογραφή σε ένα (ή και παραπάνω) από τους λογαριασμούς email που έχουμε και στη συνέχεια μπορούμε να ορίσουμε την υπογραφή σαν προεπιλογή μέσω του μενού Choose Signature:.
Αξίζει να προσθέσω πως αν είστε χρήστης MobileMe και συγχρονίζεται τις υπογραφές σας μέσω αυτού, τότε δεν χρειάζεται να κάνετε την όλη διαδικασία και στα υπόλοιπα μηχανήματα σας. Το MobileMe θα συγχρονίσει τη νέα σας υπογραφή παντού.
Σημείωση: Για να εμφανίζετε κάποιο avatar ή φωτογραφία στην υπογραφή σας με τον παραπάνω τρόπο, απαραίτητη προϋπόθεση είναι η πρόσβαση σε κάποιο server προκειμένου να αποθηκεύσετε αυτή την εικόνα!
Θα χρησιμοποιήσω το δικό μου email signature σαν παράδειγμα για αυτό το how to. Με λίγο tweaking μπορείτε να την προσαρμόσετε στα δικά σας δεδομένα και με λίγη παραπάνω φαντασία μπορείτε να κάνετε τα πάντα. Δεν θα μπω σε λεπτομέρειες γύρω από τον κώδικα που συντελεί την υπογραφή μου γιατί αυτό δεν είναι CSS how to. Αν δεν έχετε καθόλου σχέση με το αντικείμενο, τότε κάντε ένα απλό copy paste και απλά προσθέστε τα στοιχεία σας.
Για ένα αποτέλεσμα σαν και αυτό...

Θα χρειαστείτε τον παρακάτω κώδικα...
<div id="sig" style=" line-height: 13px; margin: 6px 0; padding: 8px; border-top: 1px #999999 dotted; border-bottom: 1px #999999 dotted; font-family: 'Trebuchet MS','Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #4f4f4f; " >
<img src="http://www.domain.com/signature.jpg" alt="me" style="float: left; padding: 2px 6px 0 0;">
<strong style="color: #434343;">PANAGIOTIS TSAMOUDAKIS</strong>: Web Designer<br />
<div id="item" style="width: 44px; text-align: right; margin-right: 2px; float: left;">email:</div> <a href="mailto:user@domain.com" style="color: #5d98cf; text-decoration: none; border-bottom: 1px #999999 dotted;">user@domain.com</a><br />
<div id="item" style="width: 44px; text-align: right; margin-right: 2px; float: left;">web:</div> <a href="http://www.tsamoudakis.com" title="Tsamoudakis.com" style="color: #5d98cf; text-decoration: none; border-bottom: 1px #999999 dotted;">www.tsamoudakis.com</a><br />
<div id="item" style="width: 44px; text-align: right; margin-right: 2px; float: left;">twitter:</div> <a href="http://www.twitter.com/tsamoudakis" title="Follow me" style="color: #5d98cf; text-decoration: none; border-bottom: 1px #999999 dotted;">@tsamoudakis</a>
</div>
Για να περάσουμε το παραπάνω στο Mail.app...
1. Το πρώτο πράγμα που κάνουμε είναι να ανοίξουμε τα Preferences στο Mail.app και να δημιουργήσουμε μία νέα υπογραφή στο Signatures tab. Αν έχετε παραπάνω από μία υπογραφή, καλό θα ήταν να γράψετε κάτι στο πεδίο της υπογραφής για να ξεχωρίζει.

2. Τώρα που δημιουργήσατε μία νέα υπογραφή, κλείστε εντελώς το Mail.app (Command + Q)!
3. Ανοίξτε τον αγαπημένο σας text editor. αντιγράψτε τον παραπάνω κώδικα και σώστε το αρχείο με κατάληξη .html.
4. Ανοίξτε το αρχείο που μόλις δημιουργήσατε στο βήμα 3 με τον Safari και πηγαίνετε File > Save As και σώστε το σαν Web Archive.

5. Στη συνέχεια πηγαίνετε στο path ~/Library/Mail/Signatures. Εκεί θα βρείτε όλες τις υπογραφές που έχετε καταχωρημένες στο Mail.app με περίεργα κωδικοποιημένα ονόματα. Επιλέγοντας μία και πατώντας Space μπορείτε να δείτε ένα preview προκειμένου να βρείτε αυτή που δημιουργήσατε στο βήμα 1. Όταν τη βρείτε αντιγράψτε το όνομα του αρχείου τους (Enter και μετά Command + C) και μετά πετάξτε το στα σκουπίδια.

6. Τώρα πηγαίνετε στο web archive που δημιουργήσατε με τον Safari στο βήμα 4. Επιλέξτε το και δώστε του το όνομα αρχείου που είχε η υπογραφή σας στο βήμα 5 (Enter και μετά Command + V).
7. Μετακινήστε τώρα το αρχείο που φτιάξατε και μετονομάσατε στο φάκελο που ήταν η πρωταρχική υπογραφή (~/Library/Mail/Signatures) και ανοίξτε το Mail.app.
8. Πηγαίνοντας στις υπογραφές τώρα θα δείτε πως η υπογραφή που δημιουργήσαμε στο πρώτο βήμα εμφανίζεται σχεδόν σαν το παραπάνω screenshot. Μπορεί να μην εμφανίζεται η εικόνα, αλλά στα email σας θα εμφανίζεται κανονικά.

9. Τέλος πρέπει να τραβήξουμε την νέα υπογραφή σε ένα (ή και παραπάνω) από τους λογαριασμούς email που έχουμε και στη συνέχεια μπορούμε να ορίσουμε την υπογραφή σαν προεπιλογή μέσω του μενού Choose Signature:.
Αξίζει να προσθέσω πως αν είστε χρήστης MobileMe και συγχρονίζεται τις υπογραφές σας μέσω αυτού, τότε δεν χρειάζεται να κάνετε την όλη διαδικασία και στα υπόλοιπα μηχανήματα σας. Το MobileMe θα συγχρονίσει τη νέα σας υπογραφή παντού.
Σημείωση: Για να εμφανίζετε κάποιο avatar ή φωτογραφία στην υπογραφή σας με τον παραπάνω τρόπο, απαραίτητη προϋπόθεση είναι η πρόσβαση σε κάποιο server προκειμένου να αποθηκεύσετε αυτή την εικόνα!






