Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
История Кота(Cat Story) (0)
Прохождение мода Возвраще... (1)
Гид по прохождению Сезон ... (1)
Реборн: Двойники - «Исток... (0)
Ночь Перед Рождеством 3 (0)
У костра (191)
Анекдоты (145)
Города (94)
Обновление сайта (68)
Создание НПС (63)
StraNNik (1351)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
фокс (07.01.2020)
азазуйчик (06.01.2020)
Dawgstaheadstalker (06.01.2020)
avto-lady (02.12.2019)
alldaniser (18.11.2019)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Соц.кнопки rip Бармен
Соц.кнопки rip Бармен
StraNNik
StraNNik
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1351
Карма: 28 | Хабар: 10
Слышу гимн зашитых ртов
Дата: Вторник, 25.06.2019, 18:47/ Сообщение №: 1


Рипал: Бармен
Вставляем в Нижнею часть сайта:

Код
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="social-icons d-flex justify-content-center">
   <a href="#" target="_blank" class="under"><i class="icons fa fa-tumblr fa-3x"></i><span class="follow">Следить</span></a>
   <a href="#" target="_blank" class="under"><i class="icons fa fa-twitter fa-3x"></i><span class="follow">Следить</span></a>
   <a href="#" target="_blank" class="under"><i class="icons fa fa-youtube fa-3x"></i><span class="follow">Следить</span></a>
   <a href="#" target="_blank" class="under"><i class="icons fa fa-facebook fa-3x"></i><span class="follow">Следить</span></a>
   <a href="#" target="_blank" class="under"><i class="icons fa fa-camera-retro fa-3x"></i><span class="follow">Следить</span></a>
</div>

CSS:

Код
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&subset=cyrillic,cyrillic-ext');
.social-icons {
     margin-top: 25px;
}
.d-flex {
     display: -ms-flexbox !important;
     display: flex !important;
}
.justify-content-center {
     -ms-flex-pack: center !important;
     justify-content: center !important;
}
.social-icons .under {
     position: relative;
     width: 50px;
     height: 50px;
     display: inline-block;
     cursor: pointer;
     margin: 0 2px;
     text-align: center;
}
.social-icons .under .icons {
     position: absolute;
     top: 0;
     left: 0;
     width: 50px;
     height: 50px;
     background-color: rgba(99, 99, 99, 0.7);
     border: 1px solid #FFF;
     color: #FFF;
     font-size: 2em;
     line-height: 1.55em;
     transition: all .3s ease-out;
}
.social-icons .under .follow {
     opacity: 0;
     font-size: 11px;
     font-family: 'Source Sans Pro', sans-serif;
     color: #FFF;
     line-height: 81px;
}
.social-icons .under:hover:first-child .icons {
     transform: translate(-18px, -18px);
}
.social-icons .under:hover:last-child .icons {
     transform: translate(18px, -18px);
}
.social-icons .under:hover .icons {
     background-color: #FFF;
     color: #900100;
     transform: translateY(-18px);
}
.social-icons .under:hover .follow {
     opacity: 1;
}
.social-icons .under:hover {
     background-color: #900100;
}



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

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

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