Красивая подпись с картинкой в Mail.app


Давно хотел сесть и разобраться как в Mail.app на Mac OS добавить в подпись картинку, да и вообще – как сделать красивую подпись с форматированием. Оказалось все не очень сложно, спешу поделиться…

Для начала необходимо создать свою подпись, нам подойдет любой html-редактор, я использовал Coda. Пример моего кода лежит ниже, можете его взять за основу. Т.е. это обычный код html, который читают все современные браузеры и почтовые клиенты. В результате у нас получится вот такая подпись:

Пример подписи


Сам код:

<style>
#sig a:link{color: #1158a6;}
#sig a:visited{color: #1158a6;}
#sig a:hover{color: #1158a6;}
</style>

<table border="0" id="sig" style="-webkit-text-size-adjust:none;line-height: 14px; margin: 6px 0; padding: 8px; border-top: 1px #999 dotted; border-bottom: 1px #999 dotted; font-family: 'Open Sans', Arial, Sans-Serif; font-size: 10px; color: #555;">
<tr>
<td width="75px"><img src="http://beactive.org.ua/wp-content/uploads/web.gif" height="70" width="70"></td>
<td>З повагою, <strong style="color: #1158a6;">Віталій Пчолкін</strong><br>
Керівник проекту <strong style="color: #1158a6;">"Будь активним!"</strong><br>
email: <a href="mailto:info@beactive.org.ua" style="color: #1158a6; text-decoration: none; border-bottom: 1px #999999 dotted;">info@beactive.org.ua</a><br>
Тел.: <span style="color: #1158a6">+38 (093) 922-48-48</span><br>
Сайт: <a href="http://beactive.org.ua/" style="color: #1158a6; text-decoration: none; border-bottom: 1px #999 dotted;" target="_blank">http://beactive.org.ua</a></td>
</tr>
</table>

Редактор Coda удобен тем, что есть подсветка синтаксиса и подсказки по коду:

Редактор Coda

А также возможность предварительного просмотра, что обязательно будет нам кстати в процессе редактирования:

Возможность предварительного просмотра в Coda

Думаю, с кодом все ясно, разберетесь… Дальше-больше, найти файлы и заменить информацию в них. Нам нужна папка с подписями, которая в OS X Maverics находится по пути ~/Library/Mail/V2/MailData/Signatures/ (просто скопируйте путь и вставьте в Переход – Переход к папке в Finder). Там видим перечень подписей, идем в Mail.app -> Создаем новую подпись с любым текстом и закрываем полностью программу. Теперь по времени создания определяем необходимый нам файл, он будет иметь расширение много_букв.mailsinature, и открываем его в том же Coda.

Определяем файл по дате

Заменяем исходный текст на тот, что был создан нами ранее и сохраняем. Теперь очень ВАЖНЫЙ момент – на надо закрыть файл от записи, для этого нажимаем правой кнопкой на файле и ставим галочку Защита.

Защита файла

В целом всё, осталось запустить Mail.app и проверить нашу работу. Если все сделали правильно, то подпись должна отобразиться при создании нового письма.

Яка в тебе реакція на цей пост?
Злість Злість
0
Злість
Мило Мило
0
Мило
Провал Провал
1
Провал
Цікаво Цікаво
1
Цікаво
Смішно Смішно
0
Смішно
У захваті У захваті
0
У захваті
Ого Ого
0
Ого
Сильно Сильно
0
Сильно
Що за? Що за?
1
Що за?

Блогер, автор проектів «ІнваФішки» та «Паралічно». Маю інвалідність через травму в шийному відділі хребта, пересуваюся за допомогою коляски. Організатор таборів активної реабілітації, Виконавчий директор ВООІ «Група активної реабілітації». Експерт Національної Асамблеї людей з інвалідністю України, Заступник директора Правозахисної організації «Права людини». Член Комітету доступності м. Буча.

Коментарі 12

  1. Сделал все по инструкции, но подпись не отображается, в письме пусто. В чем может быть дело?

      1. Напишите, в чем была проблема?

  2. Проделал несколько раз, но все равно подпись получается пустой. Защита стоит.
    Причем, при открытии в Finder файла подписи (TextEdit.app) сама подпись (код) отображается. А в Mail.app – нет
    Можете помочь разобраться?

  3. Все дело в том, что надо оставлять первые 5 строчек в коде, тогда все будет ОК.
    Это те, которые начинаются с
    Content ….
    и заканчиваются
    Mime …
    Смотрите скриншот.
    Если эти строчки не оставить в коде, будет пусто в подписи.
    Сам парился с этим, пока не разобрался…

Напишіть відгук

Красивая подпись с картинкой в Mail.app

log in

reset password

Back to
log in