Гость
  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Социальные кнопки rip Бармен
Социальные кнопки rip Бармен
Бармен Online Дата: Вторник, 26.02.2019, 14:37 | Сообщение # 1
Модератор
Звание: Новобранец [?]
Сообщений: 31


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

Код
<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;
}
Дата регистрации: 28.07.2018
Xemordio Offline Дата: Вторник, 26.02.2019, 16:58 | Сообщение # 2
Администратор
Звание: Маршал [?]
Сообщений: 3499
Бармен, красивенькие, пойдет для сайтов ммо игрушки))
Дата регистрации: 22.07.2017
Форум » Web-Раздел » Скрипты для uCoz » Социальные кнопки rip Бармен
  • Страница 1 из 1
  • 1
Поиск:

Обновленные темы

Мини-чат

Лучшие пользователи

Xemordio REP: 11[3499]
Infe[R]nos REP: 5[38]
Бармен REP: 7[31]
StraNNik REP: 1[25]
Waldemar REP: 0[12]
NL-Vincenz REP: 0[12]
Razilator REP: 14[7]
Ghosteron REP: 3[6]
Duzeppa26 REP: 4[5]
LENA_D REP: 0[5]

Статистика форума

Темы: 2440
Всего постов: 3644
Новый юзер:Rilack
Нас сегодня посетили:
Xemordio, Бармен, maksever694, Stalkersha194, eda, Rilack