Skip navigation

OS X 10.8.5 - Mail Signature

4057 Views 8 Replies Latest reply: Oct 8, 2013 7:26 AM by bturgan RSS
bturgan Calculating status...
Currently Being Moderated
Sep 29, 2013 11:49 PM

Hi,

 

I tried this so many times but I could not find it.I guess there  must be a way to do this.

 

How can i put my Facebook / Twitter link to my facebook/twitter icon (image) attached to my signature ?

 

Thanks,

 

Berke

Mac Pro, Mac OS X (10.7.1), NI Audio 2, Behringer DJX 700
  • nbar Level 5 Level 5 (6,510 points)
    Currently Being Moderated
    Sep 30, 2013 12:09 AM (in response to bturgan)

    You have to insert it into the HTML code of the signature itself.

     

    1) Create new email signature. Default signature. Close mail.

    2) Navigate to: /Users/Username/Library/Mail/V2/MailData/Signatures/

    and find the most recent signature. Open it.
    3) Find stable URL link to (FB icon , for example):

    https://www.facebook.com/images/fb_icon_325x325.png

    4) Enable the developer menu from Safari > Preferences > Advanced
    5) 'Show web inspector'
    6) Copy the html code into the code of the .mailsignature document. Leave the header. Replace the body.
    7) Save the document and lock the document in finder. Check 'Locked'
    8) Open mail back up, you will see the graphic in the signature.
    Untitled 2013-09-30 at 2.57.14 AM.png
    You need to know basic html to modify the signature to your liking.
    Untitled 2013-09-30 at 3.07.45 AM.png

  • pennbank Level 4 Level 4 (1,590 points)
    Currently Being Moderated
    Sep 30, 2013 10:36 AM (in response to bturgan)

    Finder

    Go

    (Right Click) select alt+click

    select

    Library/Mail/V2/MailData/Signatures/

     

    and find the most recent signature. Open it.

    3) Find stable URL link to (FB icon , for example):

     

    https://www.facebook.com/images/fb_icon_325x325.png

     

    4) Enable the developer menu from Safari > Preferences > Advanced

    5) 'Show web inspector'

    6) Copy the html code into the code of the .mailsignature document. Leave the header. Replace the body.

    7) Save the document and lock the document in finder. Check 'Locked'

    8) Open mail back up, you will see the graphic in the signature.

  • nbar Level 5 Level 5 (6,510 points)
    Currently Being Moderated
    Sep 30, 2013 11:41 AM (in response to bturgan)

    You're welcome. Library is hidden by default starting with Lion.

     

    Open Finder. Go > Hold down option > Library

  • nbar Level 5 Level 5 (6,510 points)
    Currently Being Moderated
    Sep 30, 2013 2:16 PM (in response to bturgan)

    I was using that as an example. You would want something like this:

     

    <a class="linkbutton" title="My Facebook Page" href="https://www.facebook.com/LINKTOYOURPAGE"width: 40px;"><img src="http://www.snoitulosten.com/wp-content/uploads/2010/01/facebook-small.jpg" alt="F" style="none;" /></a>

    Untitled 2013-09-30 at 4.33.08 PM.png

  • nbar Level 5 Level 5 (6,510 points)
    Currently Being Moderated
    Sep 30, 2013 3:06 PM (in response to bturgan)

    This is probably exactly what you are looking for to automate this:

     

    http://www.companysig.com

     

    It is free to make an account. Note you will still have to insert the raw code into the .mailsignature file, lock it, etc, once the signature is generated, and manually remove the 'company sig' from the bottom.

     

    Here is an example:

     

    Untitled 2013-09-30 at 5.53.47 PM.png

     

    The HTML for ^this^ ( BOLD indicates what you must fill in):

     

    <html><head></head><body><table cellspacing="0" cellpadding="0" style="background: #F5F5F5; padding: 10px; border: 1px solid #E9E9E9; margin: 10px 0 10px 0; width: 100%;"> <tbody> <tr> <td valign="top" style="width: 5px;"> </td> <td bgcolor="#F5F5F5" valign="top" style="padding-left:5px;"> <span style="letter-spacing:1px; text-align: left; color: #000000; font-family: Arial; font-size: 8pt; font-style: normal; font-weight: bold;">PERSON NAME</span> <span style="letter-spacing:1px; line-height:150%; text-align: left; color: #000000; font-family: Arial; font-size: 8pt; font-style: normal; font-weight: normal;"> <font size="1" color="Black">|</font> JOB TITLE <br> COMPANY NAME <font size="1" color="Black">|</font> ADDRESS LINE Area Code <br> TELEPHONE <font size="1" color="Black">|</font> MOBILE <br> </span> <a href="http://WEBSITEURL" target="_blank"><img style="border: none; margin-top: 5px;" src="http://www.companysig.com/images/but_web_black.png" title="Website" alt="WebsiteGB" height="16" width="77"></a>   <a class="email" href="mailto:EMAIL@HOST.COM" target="_blank" attr="email"><img style="border: none;" src="http://www.companysig.com/images/but_email_black.png" title="email" alt="email" height="16" width="77"></a>    <a href="http://www.companysig.com/vcards/show_vcard2.php/MAEMWQ271015.vcf"><img style="border: none;" src="http://www.companysig.com/images/but_vcard_black.png" title="Vcard Save Contact" alt="Vcard Save Contact" height="16" width="76"></a>   <a class="url" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=ADDRESSLINE+AreaCode" target="_blank" attr="mapURL"><img style="border: none;" src="http://www.companysig.com/images/but_map_black.png" title="View map" alt="View map" height="16" width="55"></a>   <a href="http://www.facebook.com/MYURL" target="_blank"><img style="border: none;" src="http://www.companysig.com/images/but_facebook.png" title="Facebook button" alt="Facebook button" height="16" width="16"></a>  <a href="http://www.twitter.com/MYURL" target="_blank"><img style="border: none;" src="http://www.companysig.com/images/but_twitter.png" title="Twitter button" alt="Twitter button" height="16" width="16"></a>   <br> <a style="color: #c2c2c2; text-decoration: none; vertical-align:middle;" class="url" href="http://www.companysig.com" target="_blank" attr="webURL"> </a></td> </tr> </tbody><tbody> </tbody></table> </body></html>

     

     

     

     

     

     


    Actually a cool site, and highly customizable. After you have made to your liking:

     

    Untitled 2013-09-30 at 5.54.48 PM.png

    Untitled 2013-09-30 at 5.55.25 PM.png

Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Legend

  • This solved my question - 10 points
  • This helped me - 5 points
This site contains user submitted content, comments and opinions and is for informational purposes only. Apple disclaims any and all liability for the acts, omissions and conduct of any third parties in connection with or related to your use of the site. All postings and use of the content on this site are subject to the Apple Support Communities Terms of Use.