Скрипт поделиться в социальные сети для uCoz

298 06.12.2015 в 17:53 ILNUROFF

Представлю вашему вниманию "скрипт поделиться в социальные сети для uCoz"! Две расцветки (светлые (для светлых дизайнов) и прозрачные (для темных дизайнов)), три размера (большие, средние и маленькие), шесть социальных сетей (ВКонтакте, Google+, Facebook, Twitter, Одноклассники и Pinterest), любой текст, картинка, вообще что угодно на кнопках, поддержка ретины. Лайкли больше не требует Джейквери. Иконка Google+ новая.

Установка и использование:
Скачиваем архив с нашего сайта и папку likely загружаете в свой файловый менджер

Добавьте в элемент на странице:

Код

Большие светлые:

Код

<div class="likely likely-big">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>

Средние светлые:

Код

<div class="likely">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>

Маленькие светлые:

Код

<div class="likely likely-small">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>

Большие прозрачные (для темных дизайнов):

Код

<div class="likely likely-small likely-light">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>

Средние прозрачные (для темных дизайнов):

Код

<div class="likely likely-light">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>

Маленькие прозрачные (для темных дизайнов):

Код

<div class="likely likely-big likely-light">
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>
<div class="facebook">Поделиться</div>
<div class="gplus">Плюсануть</div>
<div class="vkontakte">Поделиться</div>
<div class="odnoklassniki">Класснуть</div>
<div class="pinterest">Запинить</div>
</div>

Настройка:
Класс маленьких кнопок:

Код

class="likely likely-small"

Класс средних кнопок:

Код

class="likely likely-light"

Класс больших кнопок:

Код

class="likely likely-big"

Параметры у основного элемента:
Название страницы, которое должно попасть в соц.сети. По умолчанию — title страницы.

Код

data-title="Лайкли: социокнопки, которые не стыдно поставить"

У элемента Твиттера:

Код

data-via="DIZ-LINE.AT.UA"

У элемента Пинтереса дописываете код:

Код

data-media="i/pinnable.jpg"

Картинка, которая должна попасть в Пинтерес.

Для того, чтобы в Фейсбук попадала конкретная, а не случайная картинка, используйте такой тег внутри элемента :

Код

Мне нравится4 Скачать8.6 Kbзагрузок: 1