Скрипт поделиться в социальные сети для uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

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


Описание социальных кнопок:

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

Установка и использование:

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

Добавьте в элемент <head> на странице:
Код
<script src="/likely/likely.js"></script>
<link rel="stylesheet" href="/likely/likely.css">

Большие светлые:
Код
<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="WebMaster-uCoz"
 Какой аккаунт упомянуть в твите. Поменяйте мой на свой :-)

У элемента Пинтереса дописываете код:
Код
data-media="i/pinnable.jpg"
Картинка, которая должна попасть в Пинтерес.

Для того, чтобы в Фейсбук попадала конкретная, а не случайная картинка, используйте такой тег внутри элемента <head> :
Код
<meta property="og:image" content="path/to/image" />

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 10.03.2016 в 00:00
Материал просмотрен: 2420 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 7 комментариев

Пожаловаться
Сказать спасибо
Источник

7 комментариев


Kiselev
Беру. Очень красивый кнопочки.
Valera_Ragozin
Классно, только очень долго подгружаются(
Ромчик
Не долго, а 2 секунды уходит на обработку данных. Это нормально.
Valera_Ragozin
Спасибо, а я думал это баг
avatar
Jeka ---- @BALCETUL 16.04.2016 13:045
0
забрал! спс
avatar
confetta co @confetta 09.10.2016 13:526
а у меня с юкоза ничего не пинится(( ни кнопками, ни вручную ссылкой.. help?)
Ромчик
Значит неправильно установили.
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта