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

DLE FAQ » Все вопросы » Шаблоны (TPL) » При вызове модального окна фон размытый

При вызове модального окна фон размытый

249893 09.10.2014 Шаблоны (TPL), Стили (CSS), jQuery 6437

вопрос

Привет всем. Подскажите как можно сделать чтоб при вызове модального окна, фон сайта становился не просто затемненным, а еще и размытым.
Сейчас фон просто затемняется без размытия.

Спасибо.

Ответил: ПафНутиЙ

Вот тут написано хорошо про css-filters
и про размытие есть отдельный пример

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

Юзер

193

249893 - 2014-10-099 октября 2014 23:42 - #36079

желательно на css

Юзер

1599

FastFud - 2014-10-0910 октября 2014 01:42 - #36081

добавить после <body>

<div class="blur-bg">

и перед </body> поставить

</div>

потом в css

.blur-bg {
-webkit-filter: blur(5px);
 -moz-filter: blur(5px); 
-o-filter: blur(5px); 
-ms-filter: blur(5px);
 filter: blur(5px);
}

Юзер

1599

FastFud - 2014-10-0910 октября 2014 02:00 - #36083

Открыть /engine/classes/js/jqueryui.js и найти :

var n = this.oldInstances.pop() || e("<div>").addClass("ui-widget-overlay");

добавить ниже

$('.blur-bg').addClass("blur-bg2");

потом ниже находите

e.ui.dialog.overlay.destroy(this.$el)

и после добавить

$('.blur-bg').removeClass('blur-bg2');

добавить после <body>

<div class="blur-bg">

и перед </body> поставить

</div>

css

.blur-bg2 {
-webkit-filter: blur(5px);
 -moz-filter: blur(5px); 
-o-filter: blur(5px); 
-ms-filter: blur(5px);
 filter: blur(5px);
}

Юзер

193

249893 - 2014-10-0910 октября 2014 11:46 - #36099

Вы сами пробовали это сделать? Я сделал как Вы сказали и что то не работает(

Юзер

193

249893 - 2014-10-0910 октября 2014 11:57 - #36100

точнее в мозиле не работает, в хроме все нормально

Юзер

193

249893 - 2014-10-0910 октября 2014 12:13 - #36101

FastFud,
в хроме, яндексе, опере работает, а в мозиле и ie 11 не работает

есть решение проблемы?

Юзер

1599

FastFud - 2014-10-0910 октября 2014 12:21 - #36102

Сделать это можно с помощью изображений (в фотошопе делайте и потом поставите как background вместо фильтров).

есть решение проблемы?

Ищите в интернете почему не работает в мозиле и IE.

Вы сами пробовали это сделать? Я сделал как Вы сказали и что то не работает(

Да я проверил но только в Chrome в других не смотрел.

Юзер

193

249893 - 2014-10-0910 октября 2014 12:22 - #36103

FastFud,
в фотошопе пробовал делать, не выходит

Юзер

1599

FastFud - 2014-10-0910 октября 2014 12:28 - #36105

Проверьте тут

Юзер

193

249893 - 2014-10-0910 октября 2014 12:46 - #36109

этот пример работает в мозиле, а не сможете подсказать как его подключить правильно, а то я попробовал сделать, а при вызове окна у меня весь фон пропадает

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 | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст