Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как настроить открытие всплывающего окна при "Входе" на сайт?

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


     12.09.2015    Общие вопросы по вёрстке, Стили (CSS)    2467

вопрос
Здравствуйте!

Обновил движок до последней версии с 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"
                });
            }

Ответа пока нет


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх