Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Затемнение фона при всплытии модального окна

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


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

вопрос
На сайте - 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
Юзер

McWIzard - 7 августа 2011 08:36 -

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

Sander
Эксперт

Sander - 7 августа 2011 11:42 -

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

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

ICQ: 404-037-556
Skype: Sander8804

Heon
Юзер

Heon - 7 августа 2011 22:26 -

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

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

McWIzard
Юзер

McWIzard - 8 августа 2011 00:00 -

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

McWIzard
Юзер

McWIzard - 8 августа 2011 01:43 -

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

RolleX
Юзер

RolleX - 11 августа 2011 04:22 -

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

ПафНутиЙ
Админ

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

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

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

rabidabi
Юзер

rabidabi - 11 августа 2011 05:16 -

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

ПафНутиЙ
Админ

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

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

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

RolleX
Юзер

RolleX - 11 августа 2011 05:24 -

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

ПафНутиЙ
Админ

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

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

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

RolleX
Юзер

RolleX - 11 августа 2011 05:40 -

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

ПафНутиЙ
Админ

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

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

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

RolleX
Юзер

RolleX - 11 августа 2011 06:12 -

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

ПафНутиЙ
Админ

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

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

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

RolleX
Юзер

RolleX - 12 августа 2011 15:36 -

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

enterlive
Юзер

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

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

ПафНутиЙ
Админ

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

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

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

enterlive
Юзер

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

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

my-fun
Юзер

my-fun - 17 июня 2013 00:06 -

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

coolteams
Юзер

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
Юзер

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

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

Gott2
Юзер

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

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

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

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

наверх