Отлично создан по своему дизайн кнопки поделиться в социальные сети для сайта. Где представлено несколько кнопок по их размеру, что можно выбрать для своего интернет ресурса. На всех расположен свой логотип, даже от гугл уже новый прописан. Если говорить о тематике, то здесь больше думаю сказать, что на светлый дизайн они подойдут, хотя на темный не исключаю.
Установка:
Скачиваем архив с нашего сайта и папку 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" />
