28.07.2014

Ajax окна в стиле LightBox

Нажмите на изображение для просмотра в полном размере
Ajax окна в стиле LightBox
Описание:
Данный скрипт изменяет стандартное оформление ajax окон на сайте в стиль LightBox. Напомним что LightBox это ряд скрипт для увеличения изображения при клике на него с красивым видом zoom`a и оформленной рамкой
Установка:
Внимание: для правильной работы скрипта у вас на сайте должны быть стандартные Ucoz окна.
Вставляем в CSS:
Код
.x-sh, .xw-bl {display:none !important;}  
.xw-ml, .xw-mr {margin:0 !important;padding:0 !important;background:none !important;}  
.xw-mc {color:#333; font-weight: normal; float: none; margin: 0; padding: 8px 8px !important; background: #fff !important; border: 1px solid #c4cee0 !important;border-radius:4px;-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}  
.xw-hdr-text {display: none !important;}  
.xw-hdr img {display:none;}  
.xw-tl, .xw-tr, .xw-tc, .xw-hdr, .xw-sps .xw-draggable {height: 0 !important;background: none !important;padding: 0 !important;}  
.xw-tc {overflow: visible !important;}  
.xt-close {position: absolute !important;right: -18px;top: -18px;margin: 0 !important;z-index: 10014 !important;width: 36px !important;height: 36px !important; background: url(/.s/src/ulightbox/fancybox_sprite.png) no-repeat !important;}  
.xw-body {border: 0 !important;padding: 0 !important;}  
.xt-maxi {display:none;}  
.xt-mini {display:none;}  
.xt-rest {display:none;}
Понравилось:
Категория: Скрипты для ucoz сайтов Просмотров: 2124 Комментариев: 0
К материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!