Правила форума Подписки Ленточный
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
True Stalker (0)
Ловец снов (ОБТ) (0)
Контракт: Выходец с того ... (0)
Prosectors Project 1.7 (0)
Тайна Кордона (0)
У костра (193)
Анекдоты (145)
Города (94)
Обновления сайта (77)
Свалка (68)
StraNNik (1417)
RamzeS (513)
Каратель (170)
Narkostalker (121)
Кракен (93)
p4ladya (05.02.2024)
alexander24tomilin (20.12.2023)
Lesnik (13.12.2023)
nikbal888 (05.12.2023)
Fugaz56 (09.08.2023)
  • Страница 1 из 1
  • 1
Форум [HoC] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Социальные кнопки Hunt (Rip by Бармен)
Социальные кнопки Hunt
Слышу гимн зашитых ртов
StraNNik
Группа: Администратор
Ранг: Опытный
Сообщений: 1417
Карма: 33
Сообщение # 1
Дата: 12.03.2019 в 12:02


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

Код
<div class="row">
   <div class="col">
      <h3 class="uppercase text-center">JOIN US</h3>
   </div>
</div>
<div class="row social-feed">
   <div class="col"><a rel="noopener noreferrer" href="#" target="_blank" class="facebook">Follow Hunt on facebook</a></div>
   <div class="col"><a rel="noopener noreferrer" href="#" target="_blank" class="twitter">Follow Hunt on twitter</a></div>
   <div class="col"><a rel="noopener noreferrer" href="#" target="_blank" class="youtube">Follow Hunt on youtube</a></div>
   <div class="col"><a rel="noopener noreferrer" href="#" target="_blank" class="instagram">Follow Hunt on instagramm</a></div>
   <div class="col"><a rel="noopener noreferrer" href="#" target="_blank" class="twitch">Follow Hunt on twitch</a></div>
   <div class="col"><a rel="noopener noreferrer" href="#" target="_blank" class="discord">Follow Hunt on discord</a></div>
   <div class="col"><a rel="noopener noreferrer" href="#" target="_blank" class="gamepedia">Check out the Hunt: Showdown Gamepedia wiki</a></div>
</div>

CSS:

Код
@import url('https://fonts.googleapis.com/css?family=Alice&subset=cyrillic,cyrillic-ext');
.row .col h3.uppercase {
    color: rgba(12,16,19,0.75);
}
h3.uppercase {
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: .5rem;
    line-height: 1.6;
    color: #889ba2;
}
.text-center {
    text-align: center;
}
h3 {
    margin-bottom: 1.2rem;
    margin-top: 0;
    font-family: 'Alice', serif;
    font-weight: normal;
    -webkit-font-feature-settings: "kern" 1,"dlig" 1,"ss01" 1,"opbd" 1;
    font-feature-settings: "kern" 1,"dlig" 1,"ss01" 1,"opbd" 1;
}
.row {
    max-width: 760px;
    margin: 0 auto;
    min-width: 200px;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-basis: 0;
    max-width: 100%;
}
.row .col .facebook {
    background-image: url(/assets/img/socom/facebook-red.png);
}
.row .col .twitter {
    background-image: url(/assets/img/socom/twitter-red.png);
}
.row .col .youtube {
    background-image: url(/assets/img/socom/youtube-red.png);
}
.row .col .instagram {
    background-image: url(/assets/img/socom/instagram-red.png);
}
.row .col .twitch {
    background-image: url(/assets/img/socom/twitch-red.png);
}
.row .col .discord {
    background-image: url(/assets/img/socom/discord-red.png);
}
.row .col .gamepedia {
    background-image: url(/assets/img/socom/gamepedia-red.png);
}
.row .col a {
    background-size: cover;
    width: 48.25px;
    height: 48.25px;
    text-indent: -9999px;
    display: block;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    opacity: 1;
    margin: 0 auto;
}
.row .col a:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    opacity:1
}

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

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