Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Затемнение фона при всплытии модального окна

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


     03.08.2011    jQuery    10467

вопрос
На сайте - 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 - ПафНутиЙ
Причина: Дополнил ответ

Комментарии пользователей (23)

McWIzard
8 | 8

McWIzard - 7 августа 2011 08:36 - Юзер

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

Sander
1125

1637 | 1204

Sander - 7 августа 2011 11:42 - Эксперт

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

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

ICQ: 404-037-556
Skype: Sander8804

Heon
6

87 | 84

Heon - 7 августа 2011 22:26 - Юзер

Цитата: Sander
100% работает с jQuery UI 1.8.7

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

McWIzard
8 | 8

McWIzard - 8 августа 2011 00:00 - Юзер

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

McWIzard
8 | 8

McWIzard - 8 августа 2011 01:43 - Юзер

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

RolleX
5 | 6

RolleX - 11 августа 2011 04:22 - Юзер

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

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 11 августа 2011 04:43 - Админ

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

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

rabidabi
43 | 39

rabidabi - 11 августа 2011 05:16 - Юзер

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

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 11 августа 2011 05:29 - Админ

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

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

RolleX
5 | 6

RolleX - 11 августа 2011 05:24 - Юзер

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

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 11 августа 2011 05:27 - Админ

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

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

RolleX
5 | 6

RolleX - 11 августа 2011 05:40 - Юзер

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

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 11 августа 2011 06:05 - Админ

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

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

RolleX
5 | 6

RolleX - 11 августа 2011 06:12 - Юзер

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

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 12 августа 2011 11:52 - Админ

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

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

RolleX
5 | 6

RolleX - 12 августа 2011 15:36 - Юзер

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

enterlive
3

83 | 28

enterlive - 4 февраля 2012 17:19 - Юзер

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

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 4 февраля 2012 17:24 - Админ

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

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

enterlive
3

83 | 28

enterlive - 4 февраля 2012 17:35 - Юзер

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

my-fun
10 | 4

my-fun - 17 июня 2013 00:06 - Юзер

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

coolteams
2

90 | 13

coolteams - 8 октября 2013 04:07 - Юзер

А так не проще будет:
открыть /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
24

lxmk - 15 сентября 2014 18:41 - Юзер

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

Gott2
20

Gott2 - 17 апреля 2016 22:11 - Юзер

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы