Делаем красивую подпись к почте mail.ru

14.01.2021

Инструкция по изменению подписи к почте

Открываем гугл хром или яндекс браузер
Переходим по ссылке https://e.mail.ru/inbox/
Заходим на свою почту
Там открываем настройки

И выбираем все настройки

Далее нажимаем Имя и подпись

Далее нажимаем на добавить

После появления этого окна

Нажимаем F12
Появляется разделение окна с кодом
Там выбираем консоль

Туда вставляем этот код:

document.getElementsByClassName('cke_editable')[0].innerHTML = `
<table><tbody style="color: #808080;border-collapse: collapse; border-spacing: 0;"><tr>
<td><img id="foto77" src="https://armango.com/upload/img/foto_contacts/foto6.jpg" width="170" height="170"></td>
<td style="width:15px;"></td><td>C уважением,<div id="name77">Ярослав Чертушкин</div>
<div id="doljn77">Менеджер по работе с клиентами</div>Группа Компаний ARMANGO<br><br>
 <a id="phone77" href="tel:88005008838">+7 (937) 999-19-41</a><br>
<a href="https://armango.com/">armango.com</a><br><br>
<a id="viber77" href="https://armango.com/link/index.php?t=viber&d=79379991941"><img src="https://armango.com/upload/img/ico/viber.png" style="width: 18px; height: 18px;"></a>  
<a id="tg77" href="https://armango.com/link/index.php?t=tg&d=armango2"><img src="https://armango.com/upload/img/ico/telegram.png" style="width: 18px; height: 18px;"></a> 
<a id="wa77" href="https://armango.com/link/index.php?t=wa&d=79379991941"><img src="https://armango.com/upload/img/ico/whatsapp.png" style="width: 18px; height: 18px;"></a>
</td></tr></tbody></table>`; var d=document.createElement('div');
d.innerHTML = `<form onsubmit="return false">
<p>Имя фамилия <input onkeyup="fun77(this)" type="text" value="Ярослав Чертушкин" data-to77="name77"></p>
<p>Должность <input onkeyup="fun77(this)" type="text" value="Менеджер по работе с клиентами" data-to77="doljn77"></p>
<p>Телефон <input onkeyup="fun77(this)" type="text" value="9379991941" data-to77="phone77"></p>
<p>Телеграмм домен <input onkeyup="fun77(this)" type="text" value="armango2" data-to77="tg77"></p>
</form>`; document.getElementsByClassName('cke_editable')[0].parentNode.parentNode.parentNode.parentNode.appendChild(d);
fun77 = function(ob){ var t = ob.value.trim();
var type = ob.getAttribute('data-to77');
var ob1 = document.getElementById(type);
if(!ob1){ return; } if(type === 'phone77'){
var ph0 = getToFormat(t, '7__________'); var ph1 = getToFormat(t, '+7 (___) ___-__-__');
ob1. href = 'tel:' + ph0; ob1.innerHTML = ph1;
ob1 = document.getElementById('viber77'); ob1. href = 'https://armango.com/link/index.php?t=viber&d=' + ph0;
ob1 = document.getElementById('wa77'); ob1. href = 'https://armango.com/link/index.php?t=wa&d=' + ph0;
}else if (type === 'tg77'){ ob1. href = 'https://armango.com/link/index.php?t=tg&d=' + t;
}else{ ob1.innerHTML = t; }}; getToFormat = function(t , format){ if(!t || !format){ return ''; }
var tt2='', tt3=''; for(z = 0, i = 0, k = format.length; i < k; i++){ if(!isNaN(t[i]) && t[i] !== ' '){ tt2 += t[i];}}
for(i = 0, ii = 0, k = format.length; i < k; i++){ if(tt2[ii] === undefined){ break; } if(format[i] !== '_'){
tt3 += format[i]; }else{ tt3 += tt2[ii]; ii++; }} return tt3; }

После чего нажимаем ENTER
Если всё сделали правильно, то заполнится форма
и появятся поля для заполнения

Для добавления своей фотографии нажимаем на квадрат, где должно быть фото,
после нажимаем на значок картинки, в верхней панели

Там выбираем фотографию, которая будет в подписи и нажимаем открыть/загрузить
Если фото добавилось очень большого размера, то уменьшить её можно за углы

Далее заполняем те поля, которые появились,
при их заполнении данные в подписи будут меняться автоматически

Обязательно ставим галочку по умолчанию и нажимаем сохранить
Если всё сделали правильно, то подпись добавится вот так

При отправке почты, подпись будет выглядеть так

При получении почты, подпись выглядит так

Если у вас возникли вопросы, или что-то не получается, то
Проверьте, точно ли запустили гугл хром, а не фаерфокс..
Если что, то пишите на почту h7team@ya.ru