Скрипт поделиться в социальные сети для 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="Zornet">Твитнуть</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="Zornet" Какой аккаунт упомянуть в твите. Поменяйте на свой :-) У элемента Пинтереса дописываете код: Код data-media="i/pinnable.jpg" Картинка, которая должна попасть в Пинтерес. Для того, чтобы в Фейсбук попадала конкретная, а не случайная картинка, используйте такой тег внутри элемента <head> : Код <meta property="og:image" content="path/to/image" /> | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
