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

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

03.11.2013514515

Модальные Ajax окна после внедрения нового стиля будут выглядеть как стандартные окна JQuery плагина LightBox. Вы можете увидеть реальный пример, нажав на превью материала. Окошко на Вашем сайте будет выглядеть как белый блок с округлениями и большой тенью, а справа в верхнем углу прилеплена большая кнопка для закрытия окна. Все интуитивно понятно, удобно и чисто.

Установка

Вставьте следующий код в низ "Таблицы стилей (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;}



Сохраните в социальную сеть
Комментарии (15)
Вначале кода "<style>", а в конце "</style>". Без кавычек..
2
zloykitaec7, это если просто на HTML-страницу. Я пробовал CSS-код ставить просто в "Таблицу стилей" - работает.
0
А точно, тупанул =) У меня есть версия, где кнопка закрыть синяя, как мне добавить эту версию в эту статью?
0
zloykitaec7, никак
0
zloykitaec7, добавь сюда, мне лично очень нужно будет через пару дней.
0
прошлый .xt-close меняешь на это :
.xt-close { top: -11px; right: -8px; width: 31px; height: 31px; background: url(/.s/img/welcome/fancybox_close.png) no-repeat; position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 10014; }
0
У меня не робит, странно.
0
Во второй версии, с синей кнопкой отображается стандартное отключение, а первый вариант работает. Спасибо.
1
Кирилл 10.11.2013 в 02:02Спам
мм, неплохо так)
1
Спасибо =)
0
hesoyam 12.01.2014 в 18:02Спам
как поменять цвет надписи у меня всё засветилась что написано не видно подскажите где меняется свет
0
hesoyam 12.01.2014 в 23:14Спам
всё сам разобрался.
0
tggsite 09.02.2014 в 06:22Спам
Собираюсь воспользоваться
0
White Whitov 09.02.2014 в 18:27Спам
я поставил этот скрипт, но теперь когда выбираешь смайл для отправки в чат,Ajax окно имеет голубой фон, как в стандартном окне, как изменить фон ?
0
Я незнаю почему, но у меня стандартные остались
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт