• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Делаем ссылку на адрес электронной почты (Как сделать ссылку на адрес электронной почты?)
Делаем ссылку на адрес электронной почты
Kosten
Дата: Среда, 2019-08-28, 23:34 | Сообщение 1
Оффлайн
Администраторы
Сообщений:24686
Награды: 57


В этом статье вы узнаете, как создать интерактивную ссылку на адрес электронной почты. Где можете добавить различные типы ссылок на свою электронную почту и направить подписчиков на свою веб-страницу. Здесь вы узнаете, какие ссылки как добавить в свою электронную почту.

Где при клике вы откроете или перейдете на форму для написание письма. Пробовал открывать, то получается так, это если у вас установлен браузер по умолчанию, то он предоставит вам форму отправки.



Как можно заметить, что ссылка ничем не отличается от обычных ссылок на сайты.

В тексте ссылки дать адрес.

Код
<a href="mailto:vesan@zornet.ru">vesan@zornet.ru</a>

Написать пояснение в тексте.

Код
<p>Служба техподдержки <a href="mailto:vesan@zornet.ru">написать письмо</a></p>
Прикрепления: 0007629.png(2.8 Kb)
Страна: (RU)
Kosten
Дата: Среда, 2019-08-28, 23:36 | Сообщение 2
Оффлайн
Администраторы
Сообщений:24686
Награды: 57


Попробовал через CSS поставить кнопку конверта, что то не получилось.

Код
  a {
    text-decoration: none; /* Убираем подчёркивание */
   }
   a[href^="mailto"]::after {
    content: '\1F4E9'; /* Иконка */
    padding-left: 5px; /* Расстояние от иконки до текста */
    vertical-align: text-bottom; /* Выравнивание по вертикали */
    font-size: 0.8em; /* Размер иконки */
   }
Страна: (RU)
Kosten
Дата: Четверг, 2019-08-29, 02:33 | Сообщение 3
Оффлайн
Администраторы
Сообщений:24686
Награды: 57


Разве только символы HTML прописать.



Код
<a href="mailto:email@zornet.com">email@zornet.com ✉</a>


&-#9993;
Прикрепления: 2103605.png(1.5 Kb)
Страна: (RU)
-SAM-
Дата: Пятница, 2019-08-30, 07:47 | Сообщение 4
Оффлайн
Друзья сайта
Сообщений:580
Награды: 24


Лучше пользоваться сервисом защиты почты от спамботов, пример: 2ip.ru/spambot (делается картина вместо прописанного адреса почты).

Вывод можно потом сделать так:
Код
<a href="javascript://" rel="nofollow" onclick="location.href='mailto:'+'ваша'+'@'+'почта';"> тут картинка полученная </a>
Где слово "ваша" - это логин в почтовом сервисе ваш, а слово "почта" - сам почтовый сервис, например, mail.ru... значок @ [at] - как разделитель прописан. Событие onclick также можно навесить сразу на img, без анкора (подробнее).

P.S.: кто править будет - смотрите кавычки (') не трогайте, иначе сломаете.




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи и ответы на ваши вопросы по системе uCoz.


Сообщение отредактировал
-SAM- - Пятница, 2019-08-30, 08:05
Страна: (UA)
Форум » Web-Раздел » Начинающему вебмастеру » Делаем ссылку на адрес электронной почты (Как сделать ссылку на адрес электронной почты?)
  • Страница 1 из 1
  • 1
Поиск: