Гость
Обновленые темы Популярные темы Активные пользователи
Fugas Team Потерянная судьба 21.08.2019 в 14:57 от Бармен OGSR Mod 20.08.2019 в 22:18 от Бармен Взлом Public Transport Simulator 1.34.1 20.08.2019 в 17:00 от Xemordio Взлом Last Day on Earth 1.14 20.08.2019 в 16:57 от Xemordio Взлом Shadow Fight 2 v 2.1.0 20.08.2019 в 16:55 от Xemordio Взлом Stardew Valley 1.33 20.08.2019 в 16:54 от Xemordio Взлом Flight Pilot Simulator 3D v 2.1.11 20.08.2019 в 16:52 от Xemordio Взлом Soul Knight 2.2.6 20.08.2019 в 16:51 от Xemordio Взлом Avakin Life 1.033.02 20.08.2019 в 16:50 от Xemordio Взлом Motor Depot 1.13 20.08.2019 в 16:49 от Xemordio

  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Web-социальные кнопки с приятной анимацией rip Бармен
Web-социальные кнопки с приятной анимацией rip Бармен
Бармен Offline Дата: Среда, 10.04.2019, 20:18 | Сообщение # 1
Администратор
Звание: Рядовой [?]
Сообщений: 125


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

Код
<div class="cont">
   <div class="block_title">Еще больше интересного, <b>в моих соцсетях</b></div>
   <div class="grid">
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc1.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc2.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc3.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc4.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc5.jpg" alt="">
      </a>
      <a href="#" target="_blank" rel="noopener" class="item">
      <img src="/images/ic_soc6.jpg" alt="">
      </a>
   </div>
</div>

CSS:

Код
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Comfortaa&subset=cyrillic,cyrillic-ext');
.cont {
     position: relative;
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;
}
.block_title {
     color: #1b1b1b;
     font-size: 54px;
     font-family: 'Lobster', cursive;
     position: relative;
     margin-bottom: 70px;
     padding: 0 10px;
     letter-spacing: .02em;
}
.block_title:after {
     position: absolute;
     bottom: -28px;
     left: 0;
     display: block;
     width: 103px;
     height: 8px;
     content: '';
     background: url(/images/bg_block_title.png) 0 0 no-repeat;
}
.block_title b {
     font-family: 'Comfortaa', cursive;
     font-style: normal;
}
.grid {
     display: flex;
     margin-bottom: -30px;
     margin-left: -30px;
     justify-content: flex-start;
     align-items: stretch;
     align-content: flex-start;
     flex-wrap: wrap;
}
.grid .item {
     position: relative;
     top: 0;
     display: block;
     width: calc(16.666% - 30px);
     margin-bottom: 30px;
     margin-left: 30px;
     transition: .2s linear;
     box-shadow: 0 5px 32px rgba(77,112,219,.29);
}
.grid .item:hover {
     top: -18px;
     box-shadow: 0 13px 21px rgba(0,111,252,.52);
}
.grid .item img {
     display: block;
     width: 100%;
}
Дата регистрации: 28.07.2018
Форум » Web-Раздел » Скрипты для uCoz » Web-социальные кнопки с приятной анимацией rip Бармен
  • Страница 1 из 1
  • 1
Поиск: