ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Появление Соц. кнопок на картинке для сайта

Появление Соц. кнопок на картинке для сайта

Появление Соц. кнопок на картинке для сайта
Красивое появление кнопок на прозрачном фоне при наведение на картинку или изображение, что можно поставить и делиться в Соц. Сетях. Это может быть как вид материала, если он позволяет по своей ширине вывод изображение, но все это настраивается в стилях и на любою картинку можно редактировать и установить красиво. Больше всего по моему мнению подойдет на модуль фотоальбомы, где пользователь может увидеть красивую картинку или что ему сильно понравилось, что по одному клику он может ее разбросать по своим социальным сетям.

Так как там представлены три сети, и они самые актуальные, но здесь думаю, что любой веб мастер может поменять. Но больше всего понравилось, это эффект появление на светло прозрачном фоне. который аналогично можно сделать темно светлым и подогнать по стилистике на свой интернет ресурс. Сам материал был проверен и он отлично работает, также вам будет предоставлена на него демонстрация. чтоб вы сами могли реально посмотреть и понять его работу, но посыл здесь понятен, а вот редакция, это уже каждый сам создает размер окна, так как все исполнено на CSSстилях и идет каркас скрипта, где место под ссылку, что можно поставить оператор.

Также скрипт и стили вы сможете скачать:

Если посмотреть на одном изображение, то здесь код идет.

Код
<div class="image-effect-future">
  <div class="share-layer">
  <a class="share-button share-via-facebook" href="#"><i class=
  "fa fa-facebook"></i> Facebook</a> <a class=
  "share-button share-via-twitter" href="#"><i class="fa fa-twitter"></i>
  Twitter</a> <a class="share-button share-via-google" href="#"><i class=
  "fa fa-google"></i> Google +</a>
  </div>

  <div class="image-layer"><img alt="California surf" src=
  "http://zornet.ru/zorner_ru_1/-yzfCiQuTw6fqxtiY0xjBA.jpg"
  width="500"></div>
</div>

Просмотр:

Эффектный вывод кнопочек "Поделиться" на CSS3


13 Июня 2017 Загрузок: 2 Просмотров: 1449 Комментариев: (1)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 1
Scheme
Scheme 14 Июня 2017 01:131
0
Мало кто подключает фотоальбомы, может не на те сайты заходил, но так будет хороший решением на каждую фотографию, и для оптимизаций это прекрасно.
avatar