Quantcast
Channel: DLE FAQ - максимум информации по DataLife Engine
Viewing all articles
Browse latest Browse all 9590

Как настроить открытие всплывающего окна при "Входе"на сайт?

$
0
0
Здравствуйте!

Обновил движок до последней версии с 10.2 и теперь пропало всплывающее окно при входе на сайт и в панель управления (если авторизованный). Появляется темный экран затемнения, но окна нет... Сайт tutlay.ru

Вот login.tpl:


[not-group=5]

<div class="login"><a class="logbtn" href="javascript:;" onclick="openStaticPopup('loginPopup')"><b>Управление</b></a>
    <div class="hlinks">
        <ul class="reset">
            <li>Привет, {login}!</li>
            <li><a href="{logout-link}">Выйти</a></li>
        </ul>
    </div></div>
<div id="loginform" class="window">
<div class="subcontainer" id="logform">
<div class="logo_pop"></div>
    <div class="cls"><a href="javascript:;" onclick="$.closePopupLayer('loginPopup')" title="Закрыть"><img src="{THEME}/images/spacer.gif" alt="Закрыть" /></a></div>
        <div class="clear"></div>
        <div class="pop_sep"></div>
             <div class="pad"><div class="lgavatar"><img src="{foto}" alt="{login}" /></a></div>            
            <div class="pright">      
            [admin-link]<div><a href="{admin-link}" target="_blank">Админцентр</a></div>[/admin-link]
            <div class="dotted2"></div>
            <div><a href="{addnews-link}">Добавить новость</a></div>
            <div class="dotted2"></div>
            <div><a href="{profile-link}">Профиль</a></div>
            <div class="dotted2"></div>
            <div><a href="{stats-link}">Статистика</a></div>
            <div class="dotted2"></div>
            <div><a href="{pm-link}">ПС ({new-pm} | {all-pm})</a></div>
            <div class="dotted2"></div>
            <div><a href="{favorites-link}">Закладки</a></div>
            <div class="dotted2"></div>
            <div><a href="{newposts-link}">Непрочитаное</a></div>
            <div class="dotted2"></div>
            <div><a href="/?do=lastcomments">Комментарии</a></div>
            <div class="dotted2"></div>
            </div>
            <div class="clear"></div>
        <div class="exit"><a class="linkbutton" onclick="javascript: showBusyLayer()" href="{logout-link}">Выход</a></div>
    </div></div></div>                            
[/not-group]
[group=5]
<div class="login">    <a rel="nofollow" class="logbtn" href="javascript:;" onclick="openStaticPopup('loginPopup')"><b>Войти</b></a>
<div class="hlinks">
        <ul class="reset">
        </ul>
    </div></div>
<div id="loginform" class="window">
<div class="subcontainer">
<div class="logo_pop"></div>
    <div class="cls"><a href="javascript:;" onclick="$.closePopupLayer('loginPopup')" title="Закрыть"><img src="{THEME}/images/spacer.gif" alt="Закрыть" /></a></div>
        <div class="clear"></div>
        <div class="pop_sep"></div>
            <div class="pad">
             <form method="post" action="">
             <div class="lfield"><span>Логин:</span><input size="16" name="login_name" type="text" /></div>
             <div class="lfield"><span>Пароль:</span><input size="16" name="login_password" type="password" /></div>
              <div class="submit"><input class="bbcodes_poll" onclick="submit();" type="submit" value="Войти" /><input name="login" type="hidden" id="login" value="submit" /></div>
             </form>
             <div class="pop_text">Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти
        процесс <a href="{registration-link}" >регистрации</a>. Если Вы забыли пароль, то Вы можете его <a href="{lostpassword-link}">восстановить</a></div></div>
    </div>                
</div>        

[/group]


Вот CSS:


/*Логин_панель*/
.window {display: none; width:350px; min-height:200px;opacity:0;position:absolute;z-index:5;}
.subcontainer { line-height: normal; color: #fff; width: 300px; overflow: hidden; position: absolute; top: -115px; left: 30px; background-color: #242323; border: 1px solid #484848; z-index: 99;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;-moz-border-radius-topright:7px;-moz-border-radius-topleft:7px; padding:5px;}
            .subcontainer .pad { padding: 10px 0; margin: 0 10px; overflow: hidden; }
            .subcontainer .lfield { margin: 0 0 0.8em; }
            .subcontainer .lfield span { color: #c4c4c4; margin: 0 0 0.4em 0; display: block; }
            .subcontainer .lfield input { border: 1px solid #515151; -moz-border-radius:4px; color: #daa320; background-color: #100f0f; width: 96%; padding: 4px; }
            .subcontainer .submit { text-align: center; padding-top:10px; }
            .subcontainer .avatar { width: 60px; float: right; border: 1px solid #898989; }
.pad a{color:#FFFFFF; font-size:11px; text-decoration:none;}
.pad a:hover{color:#fab311;text-decoration:none;}
.pad .pright{float:right; text-align:left; width:65%;}
.pad .pright .dotted2{background:url(../images/dotted2.png) repeat-x center; width:99%; height:8px; filter:alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.pad .pright a:hover{background: #313131; display:block;}
.pad a span{color:#fab311; font-weight:bold;}
.pad .dotted2{background:url(../images/dotted2.png) repeat-x center; width:99%; height:8px; filter:alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.pad p{ margin-top:5px;}
.lgavatar { float: left; border: 1px solid #3a3838; margin:10px 0 0 10px;}
.lgavatar img{ width: 68px; height: 68px;}

.exit{width: 90px;height: 24px; padding-top:2px;  margin-left:93px; margin-top:10px;}
.exit a{float:right; color: #000000;font-size: 11px;font-family: tahoma;background: url(../images/buttons.png) no-repeat;  text-align:center;line-height: 22px; width: 90px;height: 22px;border:none;font-weight:bold; /*text-shadow:1px 1px 1px rgba(0,0,0,0.3);*/}
.exit a:hover{color: #000000; background: url(../images/buttons.png) no-repeat 0-22px;  text-decoration:none;}
.logo_pop{background:url(../images/logo_pop.png) no-repeat; float:left; height:55px; width:140px;}
.cls a img{ background:url(../images/cls.png) no-repeat; width:19px; height:16px; float:right;}
.pop_sep{ background:#484848 repeat-x; height:1px; width:100%; margin-top:5px; }
.pad .pop_text { margin-top:10px;}
.pad .pop_text a{color:#fab311;text-decoration:none;}
.pad .pop_text a:hover{ text-decoration:underline;}
/*Логин_панель*/


И код Java скрипт в libs.js:


            $.setupJMPopups({
                screenLockerBackground: "#000000",
                screenLockerOpacity: "0.7"
            });

            function openStaticPopup() {
                $.openPopupLayer({
                    name: "loginPopup",
                    width: 360,
                    target: "loginform"
                });
            }

Viewing all articles
Browse latest Browse all 9590

Trending Articles