Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » jQuery » Затемнение фона при всплытии модального окна

Затемнение фона при всплытии модального окна

Гость 03.08.2011 модальное окно, jquery, overlay Все вопросы » jQuery 13848

вопрос

На сайте - beatlive.ru при всплытии любого модального окна задний фон затемняется и становится в полосочку. Как сделать также?

Ответил: Sander

Скачать jQuery UI 1.8.7 и залить файл в папку engine/classes/js/ файлу дать имя jqueryui.js, старый удалить.
Открыть файл стилей engine.css из папки с шаблоном, добавить стиль:

.ui-widget-overlay {background: #000;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);left: 0;position: fixed;top: 0;}

Чтобы было в полосочку, загружаем в папку {THEME}/images/ файл с полосками, например lines.png
и прописываем такой стиль:

.ui-widget-overlay {background: url('../images/lines.png') repeat;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);left: 0;position: fixed;top: 0;}

UPD 12.08.2011
Для того, чтобы всё заработало, как надо так же нужно открыть /engine/classes/js/dle_js.js
Найти все вхождения слова autoOpen (в DLE9.3 их будет 9) и заменить на: modal:!0,autoOpen

Отредактировал 12-08-2011, 14:00 - ПафНутиЙ

Причина: Дополнил ответ

25 комментариев

Юзер

McWIzard - 2014-10-097 августа 2011 08:36 - #270

Странно, но не работает

PHP-developer

1783

Sander - 2014-10-097 августа 2011 11:42 - #272

100% работает с jQuery UI 1.8.7

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

Heon - 2014-10-097 августа 2011 22:26 - #273

Цитата: Sander

100% работает с jQuery UI 1.8.7

Тоже ради интереса пробывал,но нечего не вышло(не работает)..

Юзер

McWIzard - 2014-10-098 августа 2011 00:00 - #278

Sander, можешь дать именно файл jquerui, заранее спасибо

Юзер

McWIzard - 2014-10-098 августа 2011 01:43 - #279

Всё, у меня заработало) Залил файл, почистил кэш, вставил строку и всё)

Юзер

RolleX - 2014-10-0911 августа 2011 04:22 - #333

У меня не работает почему-то, сделал все по инструкции, кеш почистил, а затемнения нет...

Админ

3457

ПафНутиЙ - 2014-10-0911 августа 2011 04:43 - #334

Версия движка? ссылка на сайт?

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

rabidabi - 2014-10-0911 августа 2011 05:16 - #336

Ха Ха! "Версия движка? ссылка на сайт?"
у Пафнутия разговор короткий wink

Админ

3457

ПафНутиЙ - 2014-10-0911 августа 2011 05:29 - #339

Ну так одно и тоже спрашивать приходится постоянно, хотя в данном случаи версия движка особой роли не играет, т.к. зависит от скриптов.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

RolleX - 2014-10-0911 августа 2011 05:24 - #337

DLE9.2, сайт на денвере...

Админ

3457

ПафНутиЙ - 2014-10-0911 августа 2011 05:27 - #338

Должно работать впринципе..... это же не зависит от версии движка, что-то я немного затупил.
А в каких браузерах проверяли? кеш браузера чистили?

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

RolleX - 2014-10-0911 августа 2011 05:40 - #340

Чистил, проверял в хроме и мозиле.

Админ

3457

ПафНутиЙ - 2014-10-0911 августа 2011 06:05 - #341

странно. Попробуйте на чистом dle 9.3 с дефолтным шабом, для чистоты эксперимента.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

RolleX - 2014-10-0911 августа 2011 06:12 - #342

Поставил 9.3 чистую, но все равно не работает... фона нет...

Админ

3457

ПафНутиЙ - 2014-10-0912 августа 2011 11:52 - #382

Покурил немного маны.... на самом деле всё просто :)
надо дополнительно править dle_js.js
Дополнил ответ.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

RolleX - 2014-10-0912 августа 2011 15:36 - #391

Спасибо, теперь все работает!

Юзер

enterlive - 2014-10-094 февраля 2012 17:19 - #3513

Есть несколько вопросов:
1. Откуда можно обновить jQuery UI. Если есть офф.сайт.
2. По хаку такой вопрос, как сделать так чтобы затемнение работало только для формы входа? Пример может быть для шаблона Pisces. У меня движок 9.5

Админ

3457

ПафНутиЙ - 2014-10-094 февраля 2012 17:24 - #3514

jqueryUI тут же увидите всевозможные примеры вызовы диалога.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

enterlive - 2014-10-094 февраля 2012 17:35 - #3515

Я скачал с сайта архив и какой именно файл .js нужно переименовать на jqueryui.js?

Юзер

my-fun - 2014-10-0917 июня 2013 00:06 - #14210

ПафНутиЙ,
А как сделать так чтобы при клике на overlay окно закрывалось?

Юзер

coolteams - 2014-10-098 октября 2013 04:07 - #17636

А так не проще будет:
открыть /engine/classes/js/dle_js.js и после каждого autoOpen добавить modal:!0
engine.css
.ui-widget-overlay {
position:fixed; top:0; left:0; background:rgba(0,0,0,.6);
}

Юзер

lxmk - 2014-10-0915 сентября 2014 18:41 - #35184

В версии 10.2 файл jQuery UI менять не нужно. Только стиль и замена вхождений, их 13. И все работает.
Спасибо!

Юзер

Gott2 - 2014-10-0917 апреля 2016 22:11 - #54942

Спасибо помогли

Юзер

Kloun1990 - 2014-10-0922 августа 2018 14:44 - #69200

На 12.1 работает отлично. Спасибо большое =)

Юзер

173

progressive - 2014-10-094 октября 2018 04:40 - #69464

Подскажите пожалуйста! как для этого хака сделать затемнения фона? так как другие затемняется а на этом не хочет!
Просмотр статических страниц на AJAX