• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Свои легкие кнопки поделиться в соцсети (Кнопки поделиться в социальных сетях для сайта)
Свои легкие кнопки поделиться в соцсети
workman
 		Четверг, 28 Июня 2018 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
Оригинальные кнопки социальной направленностью, которые идут в разной палитре цвета, где можно разместить на любую тематическую площадку. Для того, чтоб гости и пользователи могли поделится вашей информацией на социальных сайтах.



Скачиваем этот файл 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 Июня 2018 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44326
Награды: 70
« 555 »
Кнопки нужные, когда они еще не какому сервис не прикреплены.
Страна: (RU)
workman
 		Пятница, 29 Июня 2018 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
« 155 »
Цитата Kosten ()
Кнопки нужные, когда они еще не какому сервис не прикреплены.

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