Автор: Maxim
27.06.2015

Ссылка "поделиться по WhatsApp"


В сети встречал много разных запросов и вопросов вообще, какая ссылка ведёт на вотсапп. Многие предлагали разные сервисы и тому подобие. Аптулайк, по моему, один из тех, который поддерживает ссылку для этой аппликации.

В общем, пойдёт на любую систему. Держите, на примере ДЛЕ:

Открываем shortstory.tpl/fullstory.tpl и в нужное место ставим:

<a href="whatsapp://send?text={title} на {full-link}" title="Поделиться по WhatsApp" target="_blank" rel="nofollow"><i class="fa fa-whatsapp"></i></a>


Поскольку у меня стоит установленным скрипт и шрифт от FontAwesome.io, то я и использую этот класс.

Остальным, вот картинка, скачайте и переименуйте под себя.

Замените
<i class="fa fa-whatsapp"></i>

На
<img src="{THEME}/images/social/whatsapp.png" class="shico">

и в стили пропишите это
.shico { 
 -webkit-transition: all 300ms ease; 
 -moz-transition: all 300ms ease; 
 -o-transition: all 300ms ease; 
 -ms-transition: all 300ms ease; 
 transition: all 300ms ease; 
 -webkit-filter: grayscale(100%); 
 max-width: 30px; 
 } 
 .shico:hover { 
 -webkit-filter: grayscale(0%); 
 }


Посмотреть демо можно тут: http://maxim-harder.de/share-social.html

Изображения в архиве. Удачи в эксперементах

Скачать

Комментарии

Оставьте свой отзыв, комментарий или даже вопрос на тему Ссылка "поделиться по WhatsApp"