Все для DataLife Engine / DLE хаки / Хак для DLE / Хак Создаем затемнение вплывающего модального окна

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


Вариант на https://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="/templates/Default/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, скачать хак Создаем затемнение вплывающего модального окна

jquery.expose.rar [26,02 Kb] (cкачиваний: 131)
  • 80

Комментарии 3

dle9.com от 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>
dle9.com от 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;}
lxmk от 8 сентября 2014 22:34
А как сделать затемнение экрана при всех окрывающихся модальных окнах, все опросы, ошибки и др. ?
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent