• Страница 1 из 1
  • 1
Форум » Создание сайта на HTML + CSS » Скрипты сайтов HTML » Свои легкие кнопки поделиться в соцсети (Кнопки поделиться в социальных сетях для сайта)
Свои легкие кнопки поделиться в соцсети
workman
Дата: Четверг, 28.06.2018, 19:42 | Сообщение 1
Гл. Модератор
Сообщений:1717
Награды: 9


Оригинальные кнопки социальной направленностью, которые идут в разной палитре цвета, где можно разместить на любую тематическую площадку. Для того, чтоб гости и пользователи могли поделится вашей информацией на социальных сайтах.



Скачиваем этот файл RAR и распаковываем у себя на компе
Заходим в ФМ и создаем папку с названием social
Заливаем в нее все то что скачали не меняя названий

Это ставим между head на нужной странице или на всех сразу
Код
<!-- Share social -->
<script type="text/javascript" src="/social/share.js"></script>
<link type="text/css" rel="stylesheet" href="/social/soc.css" />

Это ставим по месту где желаете видеть кнопки. Фишка заключается в том, что вы также сможете добавить самостоятельно любые не достающие кнопки, если конечно разбираетесь в HTML и CSS. Все коды прописаны как в стилях так и JS
Кнопки адаптированы под просмотр с различных разрешений
Код
<div class="ui labeled button goodshare" data-type="fb" tabindex="0">
<div class="ui facebook button">
<i class="icon-facebook" title="Фейсбук"></i>
</div>
</div>
<div class="ui labeled button goodshare" data-type="vk" tabindex="0">
<div class="ui vk button">
<i class="icon-vkontakte" title="Вконтакте"></i>
</div>
</div>
<div class="ui labeled button goodshare" data-type="ok" tabindex="0">
<div class="ui ok button">
<i class="icon-odnoklassniki" title="Одноклассники"></i>
</div>
</div>
<div class="ui labeled button goodshare" data-type="mr" tabindex="0">
<div class="ui mr button">
<i class="icon-moimir" title="Мой Мир"></i>
</div>
</div>
<div class="ui labeled button goodshare" data-type="gp" tabindex="0">
<div class="ui google-plus button">
<i class="icon-google-plus" title="Google +"></i>
</div>
</div>
<div class="ui labeled button goodshare" data-type="tw" tabindex="0">
<div class="ui twitter button">
<i class="icon-twitter" title="Твиттер"></i>
</div>
</div>

У себя я поставил тут (не реклама)
Всем удачи и хороших сайтов!
Прикрепления: 0444356.jpg(14.1 Kb) · SHARE.rar(43.7 Kb)
Страна: (RU)
Kosten
Дата: Пятница, 29.06.2018, 01:52 | Сообщение 2
Администраторы
Сообщений:18095
Награды: 55


Кнопки нужные, когда они еще не какому сервис не прикреплены.
Страна: (RU)
workman
Дата: Пятница, 29.06.2018, 11:18 | Сообщение 3
Гл. Модератор
Сообщений:1717
Награды: 9


Цитата Kosten ()
Кнопки нужные, когда они еще не какому сервис не прикреплены.

Так и написано же - "Легкие" 04b
Страна: (RU)
Форум » Создание сайта на HTML + CSS » Скрипты сайтов HTML » Свои легкие кнопки поделиться в соцсети (Кнопки поделиться в социальных сетях для сайта)
  • Страница 1 из 1
  • 1
Поиск: