Правила форума Подписки Ленточный
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Ловец снов (ОБТ) (0)
Контракт: Выходец с того ... (0)
Prosectors Project 1.7 (0)
Тайна Кордона (0)
История Джона 2 (ОБТ) (0)
У костра (193)
Анекдоты (145)
Города (94)
Обновления сайта (77)
Свалка (68)
StraNNik (1416)
RamzeS (513)
Каратель (170)
Narkostalker (121)
Кракен (93)
Fugaz56 (09.08.2023)
Пряня (22.06.2023)
yaroslavcohevis80 (16.11.2022)
61373872 (12.08.2022)
vhaack72 (15.06.2022)
  • Страница 1 из 1
  • 1
Форум [HoC] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Социальные кнопки (Rip by Бармен)
Социальные кнопки
Слышу гимн зашитых ртов
StraNNik
Группа: Администратор
Ранг: Опытный
Сообщений: 1416
Карма: 33
Сообщение # 1
Дата: 27.02.2019 в 12:03


[tealtable]Рипал: Бармен[/tealtable]
[graytable]Ссылка на скачивание![/graytable]
Вставляем в Нижнею часть сайта или куда душе угодно:

Код
<footer>
   <h3>Поделись с друзьями:</h3>
   <div class="sharing-container">
      <div onclick="ShareUpdate.fb()" data-target="fb" class="share-btn fb"></div>
      <div onclick="ShareUpdate.ok()" data-target="ok" class="share-btn ok"></div>
      <div onclick="ShareUpdate.vk()" data-target="vk" class="share-btn vk"></div>
   </div>
</footer>

CSS:

Код
@import url('https://fonts.googleapis.com/css?family=Oswald&subset=cyrillic');

@media screen and (max-width: 1400px) footer {
     bottom: 1.875rem;
}
footer {
     position: absolute;
     bottom: 3.125rem;
     right: 0;
     left: 0;
     margin-left: auto;
     margin-right: auto;
}
@media screen and (max-width: 1400px) footer h3 {
     position: relative;
     top: 1.5625rem;
}
@media screen and (max-width: 1768px) footer h3 {
     font-size: 30px;
     margin: .625rem auto;
}
footer h3 {
     text-shadow: 0 1px 0 rgba(0,0,0,.51);
     font-size: 32px;
     font-weight: 500;
     line-height: .88;
     letter-spacing: 1.3px;
     color: #f1f1f1;
     margin: 1.25rem auto;
}
footer h3 {
     font-family: 'Oswald', sans-serif;
}
footer h3 {
     text-align: center;
}
@media screen and (max-width: 1400px) footer .sharing-container {
     position: relative;
     top: .9375rem;
}
footer .sharing-container {
     text-align: center;
     margin: auto;
}
footer .sharing-container .share-btn.fb {
     width: 83px;
     height: 185px;
     background-image: url(/images/share/social/f@1x.png);
}
footer .sharing-container .share-btn.ok {
     width: 83px;
     height: 185px;
     background-image: url(/images/share/social/ok@1x.png);
}
footer .sharing-container .share-btn.vk {
     width: 83px;
     height: 185px;
     background-image: url(/images/share/social/vk@1x.png);
}
footer .sharing-container .share-btn:last-child {
     margin: 0 auto;
}
footer .sharing-container .share-btn {
     display: inline-block;
     background-repeat: no-repeat;
     background-position: 0 0;
     cursor: pointer;
     margin-right: 36px;
}
footer .sharing-container .share-btn:active {
     background-position: -166px 0;
}
footer .sharing-container .share-btn:hover {
     background-position: -83px 0;
}

Форум [HoC] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Социальные кнопки (Rip by Бармен)
  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Microsoft Edge
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-29.11.2023