Хак Создаем затемнение вплывающего модального окна

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Хак Создаем затемнение вплывающего модального окна
Вариант на http://www.dle9.com/ позволит вам создать затемнение при авторизации на сайте, когда выходит всплывающее окно ввода данных пользователя.
Такой эффект полезен, если необходимо сконцентрировать все внимание на выплывающее окно, чтобы не чего не отвлекало. Хак для dle затемнения при вводе логина и пароля, подойдет к любой версии DLE, простая установка.

Установка хака затемнение вплывающего модального окна.

Открыть:
1. login.tpl
найти:

<form method="post"


заменить на :

<form method="post" class="expose"


2. Открыть main.tpl
и перед

</head>


добавить:

    [group=5]<script type="text/javascript" src="{THEME}/js/jquery.expose.js"></script>
<script type="text/javascript">
$(function() {    
  $("form.expose").click(function() {
    $(this).expose({
      color: '#ccc',
      onload: function() {
        this.getExposed().css({backgroundColor: null});    
      }, 
          });   
  });
});
</script>[/group]


Сам скрипт залить в ваш шаблон в папку js , т.е. будет так /js/jquery.expose.js:

color: '#ccc',


- цвет можете поменять на свой.
Делаем затемнение вплывающего модального окна, установка завершена.

Предлагаем ознакомится с другими хаками для dle, скачать хак Создаем затемнение вплывающего модального окна
  • 80
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак Вывести статус автора в краткой и полной новости« Далее Хак для DLE добавления видео vkontakte
Добавление комментарияОставить комментарий
  • № :3
  • 9 сентября 2014 07:33
Или добавить код в файл main.tpl шаблона тогда тоже должно работать

Добавил в каждое окно свой стиль таким методом:

<style type="text/css" media="all">
.ui-widget-overlay{background:#000;opacity:0.5;-moz-opacity:0.5;filt
er:alpha(opacity=50);left:0;position:fixed;top:0;} </style>
  • № :2
  • 9 сентября 2014 07:28
Цитата: lxmk
А как сделать затемнение экрана при всех окрывающихся модальных окнах, все опросы, ошибки и др. ?

можно попробовать без этого хака
Открыть файл стилей engine.css из папки с шаблоном, добавить стиль:
.ui-widget-overlay {background: #000;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);left: 0;position: fixed;top: 0;}
  • № :1
  • 8 сентября 2014 22:34
А как сделать затемнение экрана при всех окрывающихся модальных окнах, все опросы, ошибки и др. ?