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

Красивая подсветка изображение для сайта

Красивая подсветка изображение для сайта
Здесь вы можете красиво обвести изображение или баннера по всем сторонам подсветкой, которое стильно будет смотреться на любом сайте. Безусловно на темный ресурс больше вариантов подсветки можно сделать. Но если говорить о светлом, то там выставить тени можно у картинки, но и также не исключаем различные баннеры или счетчики, что больше всего они идут на низ сайта, который под черным цветом.

Все делается на стилях, и здесь по умолчанию вывел светло синее, но вы можете сами потом отредактировать под свой дизайн сайта. Все делается очень просто. Для начало прописываем стили, потом только остается заключить тот элемент, который вам нужно подсветить. Установка как видите просто, но в оформление портала очень заметна, все зависит от той гаммы, которую поставите, плюс по умолчанию еще идет закругление углов, что также выставляется в ручную.

Здесь видим как в материале, украсили картинку:

Скрипт подсветка картинок

Это уже заключили под класс zornerun счетчик от конструктора.

Стиль подсветки для баннера на сайте

Приступаем к установке:

Но для начало зайдем в CSS и в самый низ ставим стили.

Код
/*Вывод подсветки*/  
  .zornerun img {margin:6px;padding:5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:0 0px 5px #6aaad6;box-shadow: 0 0px 5px #24b9dc;-webkit-box-shadow: 0 0px 5px #76c6ff;}  
  /* - */

Если нам нужно поставить на картинку, то так должно. Просто подключаем div, а точнее заключаем под него.

Код
<div class="zornerun"><img src="http://zornet.ru/zorner_ru_1/Ven/bdab59b6af614355a9c21ce9170f601e.png"></div>

Если под счетчике баннера:

Код
<div class="zornerun">$COUNTER$</div>

Как видите, не чего сложного нет, а на интернет площадке сделаете красивое оформление, которое пользователи оценят, и визуально смотрится оригинально.
24 Мая 2017 Просмотров: 1490 Комментариев: (1)

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

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

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

Комментарии: 1
Scheme
Scheme 24 Мая 2017 22:401
0
Это не подсветка, а простой обвод, если ее больше сделать, то, что то будет согласно названию.
avatar