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

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

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

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

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

Странно, но не работает
Sander
PHP-developer

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

100% работает с jQuery UI 1.8.7
SanDev.pro - мой блог.

Telegram: @sandev
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 -

Спасибо помогли
Kloun1990
Юзер

Kloun1990 - 22 августа 2018 14:44 -

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

progressive - 4 октября 2018 04:40 -

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

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

 08.12.2011 asot  jQuery
 09.05.2012 didfree  jQuery
 19.08.2012 DatiX  jQuery
 23.11.2012 Heavy1  jQuery, Хаки
 15.05.2013 lsdoptom  Стили (CSS), jQuery
 29.08.2013 alexcreew  jQuery
 04.12.2013 xeon01  Стили (CSS), jQuery
 02.08.2014 fh79655l123  jQuery
 02.08.2014 fh79655l123  jQuery
 09.10.2014 249893  Шаблоны (TPL), Стили (CSS), jQuery
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Сегодня, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:17
    фтп обычный юзер а не root
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:15
    дэк только так и загружаю
  • Gordi | Как реализовать шифрование трафика? 3
    Фото Gordi
    Gordi
    Как реализовать шифрование трафика?
    18-11-2024, 14:14
    я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:13
    Gordi,
    через фтп загружай
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:11
    Привет Николай!
    Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
    или направь на путь истинный, пжст
наверх