Страница 1 из 11
Форум про uCoz » Всё для web-мастера » Web мастеру » Ставим социальные кнопки в одну строку на uCoz
Ставим социальные кнопки в одну строку на uCoz
Kosten
Дата: Воскресенье, 10.04.2016, 01:12 | Сообщение # 1
Администраторы
Сообщений:12664
Награды: 39


Иногда нам нужно собрать все социальные кнопки и выставить их горизонтально, чтоб красиво смотрелось. И здесь поможет скрипт, который поставит их и будет еще разъем между ими. Это может быть на главной странице, но основном так делают. Просто некоторые не берут кнопки с онлайн сервис, а ставят оригинальные, которые предлагает каждый социальный ресурс.



1) Скачайте архив и папки css, img, js со всем содержимым залейте в корень сайта.
2. Укажите в основных настройках значение тега DOCTYPE так:

Код
<!DOCTYPE html>


Потом нужно поместить как скрипт и стили в head:

Код
<link rel="stylesheet" href="/css/social-likes.css" type="text/css">
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/social-likes.js"></script>


Теперь остается поставить кнопки, если у вас их больше, то просто копируем полностью li class и добавляем в скрипт.

Код
<ul class="social-likes">
<li class="vkontakte" title="Поделиться ссылкой во В контакте">Поделиться</li>
<li class="facebook" title="Поделиться ссылкой на Фейсбуке">Нравится</li>
<li class="twitter" title="Поделиться ссылкой в Твиттере">Твитнуть</li>
<li class="odnoklassniki" title="Поделиться ссылкой в Одноклассниках">Класс!</li>
<li class="mailru" title="Поделиться ссылкой в Моём мире">Нравится</li>
<li class="plusone" title="Поделиться ссылкой в Google+">Google+</li>
<li class="livejournal" title="Поделиться ссылкой в LiveJournal">LiveJournal</li>
<li class="pinterest" title="Поделиться ссылкой в Pinterest">Pinterest</li>
</ul>


PS -также в архиве будет продублирована установка.

Скачать
Прикрепления: 2068346.png(89Kb)


Maryges
Дата: Воскресенье, 10.04.2016, 01:19 | Сообщение # 2
Пользователи
Сообщений:116
Награды: 0


Как то все мудрена.
Kosten
Дата: Воскресенье, 10.04.2016, 03:18 | Сообщение # 3
Администраторы
Сообщений:12664
Награды: 39


Maryges, но есть что по легче, то представь, хотя где то помню, заливал скрипт на такую тему.

Maryges
Дата: Воскресенье, 10.04.2016, 03:22 | Сообщение # 4
Пользователи
Сообщений:116
Награды: 0


Говоришь, что по легче, то держи, видать точно на сайте размещал, вот этот скрипт, который понятней намного.

Прикрепления: 3006163.png(55Kb)
Kosten
Дата: Воскресенье, 10.04.2016, 03:40 | Сообщение # 5
Администраторы
Сообщений:12664
Награды: 39


Maryges, это точно, и сразу ссылки на кнопки предоставлены, но думаю оба скрипта пригодятся.

Форум про uCoz » Всё для web-мастера » Web мастеру » Ставим социальные кнопки в одну строку на uCoz
Страница 1 из 11
Поиск: