Όνομα Χρήστη: Κωδικός: Αποθήκευση Ανακτηση Κωδικου  •  Νεα Εγγραφη
Όμορφες υπογραφές στο Mail.app με HTML και CSS.1782 αναγνώσεις
Υπάρχει πάρα πολύς κόσμος που κυριολεκτικά αγνοεί παντελώς τη λειτουργία των υπογραφών σε όποιο email client κι αν χρησιμοποιούν. Προσωπικά όχι μόνο δεν τις αγνοώ, αλλά ψάχνω και τρόπους για να κάνω την υπογραφή μου καλύτερη και πιο σύγχρονη. Σε αντίθεση με το Postbox 2 που επιτρέπει στο χρήστη να εισάγει HTML κώδικα στην υπογραφή που θα ακολουθεί κάθε email του, το Mail.app χρειάζεται μερικά έξτρα βήματα για να εμφανίσει μία πιο cool υπογραφή.

Θα χρησιμοποιήσω το δικό μου email signature σαν παράδειγμα για αυτό το how to. Με λίγο tweaking μπορείτε να την προσαρμόσετε στα δικά σας δεδομένα και με λίγη παραπάνω φαντασία μπορείτε να κάνετε τα πάντα. Δεν θα μπω σε λεπτομέρειες γύρω από τον κώδικα που συντελεί την υπογραφή μου γιατί αυτό δεν είναι CSS how to. Αν δεν έχετε καθόλου σχέση με το αντικείμενο, τότε κάντε ένα απλό copy paste και απλά προσθέστε τα στοιχεία σας. wink

Για ένα αποτέλεσμα σαν και αυτό...
Mail Signature
Θα χρειαστείτε τον παρακάτω κώδικα...
<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. Αν έχετε παραπάνω από μία υπογραφή, καλό θα ήταν να γράψετε κάτι στο πεδίο της υπογραφής για να ξεχωρίζει.
Mail Signature
2. Τώρα που δημιουργήσατε μία νέα υπογραφή, κλείστε εντελώς το Mail.app (Command + Q)!
3. Ανοίξτε τον αγαπημένο σας text editor. αντιγράψτε τον παραπάνω κώδικα και σώστε το αρχείο με κατάληξη .html.
4. Ανοίξτε το αρχείο που μόλις δημιουργήσατε στο βήμα 3 με τον Safari και πηγαίνετε File > Save As και σώστε το σαν Web Archive.
Mail Signature
5. Στη συνέχεια πηγαίνετε στο path ~/Library/Mail/Signatures. Εκεί θα βρείτε όλες τις υπογραφές που έχετε καταχωρημένες στο Mail.app με περίεργα κωδικοποιημένα ονόματα. Επιλέγοντας μία και πατώντας Space μπορείτε να δείτε ένα preview προκειμένου να βρείτε αυτή που δημιουργήσατε στο βήμα 1. Όταν τη βρείτε αντιγράψτε το όνομα του αρχείου τους (Enter και μετά Command + C) και μετά πετάξτε το στα σκουπίδια.
Mail Signature
6. Τώρα πηγαίνετε στο web archive που δημιουργήσατε με τον Safari στο βήμα 4. Επιλέξτε το και δώστε του το όνομα αρχείου που είχε η υπογραφή σας στο βήμα 5 (Enter και μετά Command + V).
7. Μετακινήστε τώρα το αρχείο που φτιάξατε και μετονομάσατε στο φάκελο που ήταν η πρωταρχική υπογραφή (~/Library/Mail/Signatures) και ανοίξτε το Mail.app.
8. Πηγαίνοντας στις υπογραφές τώρα θα δείτε πως η υπογραφή που δημιουργήσαμε στο πρώτο βήμα εμφανίζεται σχεδόν σαν το παραπάνω screenshot. Μπορεί να μην εμφανίζεται η εικόνα, αλλά στα email σας θα εμφανίζεται κανονικά.
Mail Signature
9. Τέλος πρέπει να τραβήξουμε την νέα υπογραφή σε ένα (ή και παραπάνω) από τους λογαριασμούς email που έχουμε και στη συνέχεια μπορούμε να ορίσουμε την υπογραφή σαν προεπιλογή μέσω του μενού Choose Signature:.

Αξίζει να προσθέσω πως αν είστε χρήστης MobileMe και συγχρονίζεται τις υπογραφές σας μέσω αυτού, τότε δεν χρειάζεται να κάνετε την όλη διαδικασία και στα υπόλοιπα μηχανήματα σας. Το MobileMe θα συγχρονίσει τη νέα σας υπογραφή παντού.

Σημείωση: Για να εμφανίζετε κάποιο avatar ή φωτογραφία στην υπογραφή σας με τον παραπάνω τρόπο, απαραίτητη προϋπόθεση είναι η πρόσβαση σε κάποιο server προκειμένου να αποθηκεύσετε αυτή την εικόνα!
Daem0n : Gadgetάκιας απ' τη κούνια, 100% Apple addict, κυνηγός της λεπτομέρειας plus όλα τα χαρακτηριστικά που σέρνει μαζί του ένας δίδυμος! Tweetάρω όταν το θυμηθώ και αλλάζω το blog μου κάθε λίγο και λιγάκι γιατί βαριέμαι εύκολα.
Υπάρχει μόνο ένα σχόλιο. Στείλε και το δικό σου!
Lefteris SomniusX 6 Αυγ, 2011 @ 10:32πμ
Κι εγώ πήρα παράδειγμα από το παρόν post μιας και με in-line css πάντα είχα ένα sig και στο Mail.app αλλά και πρόσφατα στο Sparrow app που είναι και ο default αλλά και αγαπημένος mail client..

σας παραθέτω να δείτε την δική μου υπογραφή

http://cl.ly/351b0u3p2p1x1K193a0U
http://cl.ly/351b0u3p2p1x1K193a0U

Όνομα:
Email:
Website:
Smileys
Αποθήκευση στοιχείων. Επιθυμώ να ενημερώνομαι για μελλοντικές απαντήσεις.