Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
X-Ray Multiplayer Extensi... (4)
История Кота(Cat Story) (0)
Прохождение мода Возвраще... (1)
Гид по прохождению Сезон ... (1)
Реборн: Двойники - «Исток... (0)
У костра (191)
Анекдоты (145)
Города (94)
Обновление сайта (68)
Создание НПС (63)
StraNNik (1356)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
antongercog1 (10.02.2020)
valera (06.02.2020)
ekzosens (01.02.2020)
aleksandrbutenko27020101 (24.01.2020)
volk (23.01.2020)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Социальные кнопки (Rip by Бармен)
Социальные кнопки
StraNNik
StraNNik
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1356
Карма: 28 | Хабар: 10
Слышу гимн зашитых ртов
Дата: Среда, 27.02.2019, 12:03/ Сообщение №: 1


[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;
}



Тихо на улице, пусто в квартире..Спасибо реактору №4

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

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