Страница 1 из 11
Форум » Скрипты для uCoz » Ajax скрипты » ajax окон на сайте в стиль LightBox
ajax окон на сайте в стиль LightBox
Lexarus
Offline
Дата: Понедельник, 28.07.2014, 20:13 | Сообщение # 1
Постов: «3519»
Лучший админ

Описание:
Данный скрипт изменяет стандартное оформление 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 » Ajax скрипты » ajax окон на сайте в стиль LightBox
Страница 1 из 11
Поиск: