вопрос
Доброго времени суток. Каюсь, сайт купил и только начинаю разбираться во всех тонкостях, однако пытаюсь поставить новый шаблон и будучи некомпетентным в некоторых вопросах сталкиваюсь с многочисленными проблемами и вот одна из них. Проблема заключается в том, что окно авторизации на сайт, которое должно появляться по нажатии кнопки "Вход" висит на экране сразу с загрузкой сайта (расположение окна имеет мало значимости, поскольку уж подравнять то его у меня рук хватит, поэтому говорю непосредственно за модульную составляющую окна).
Поскольку так же не знаю что именно нужно предоставить вам для того, чтобы понять суть проблемы, то прикрепляю содержимое login.tpl, где прописано содержимое окна и кнопки и часть style.css, отвечающую за login
Прошу не закидывать ламера помидорами и помочь в данном начинании :)
Поскольку так же не знаю что именно нужно предоставить вам для того, чтобы понять суть проблемы, то прикрепляю содержимое login.tpl, где прописано содержимое окна и кнопки и часть style.css, отвечающую за login
[not-group=5]
<a class="btn-enter" rel="leanModal" href="#logindialog">Профиль</a> <a class="btn-enter"href="{logout-link}"><b>Выход</b></a> <a href="{profile-link}" class="btn-reg">{login}</a>
<div style="display: none; width: 200px" id="logindialog" title="{login}">
<div class="lcol">
<div style="margin: 0" class="avatar"><a href="{profile-link}"><img src="{foto}" alt="{login}" /></a></div>
</div><div class="film-item full">
<div class="logform" id="logindialog">
<ul class="reset">
[admin-link]<li><a href="{admin-link}" target="_blank"><b>Админпанель</b></a></li>[/admin-link]
<li><a href="{addnews-link}"><b>Добавить новость</b></a></li>
<li><a href="{pm-link}">Сообщения: ({new-pm} | {all-pm})</a></li>
<li><a href="{profile-link}">Мой профиль</a></li>
<li><a href="{favorites-link}">Мои закладки</a></li>
<li><a href="{stats-link}">Статистика</a></li>
</ul>
</div>
<div class="clr"></div>
</div></div>
[/not-group]
[group=5]
<a class="btn-reg" href="{registration-link}">Регистрация</a> <a class="btn-enter" rel="leanModal" href="#logindialog"><b>Войти</b></a>
<div style="width:400px;" id="logindialog" title="Авторизация">
<form method="post" action="">
<div class="film-item full">
<div class="logform" id="logindialog">
<ul class="reset">
<li class="lfield"><label for="login_name">Логин:</label><br /><input type="text" name="login_name" id="login_name" style="padding:10px 15px; width:240px" /></li>
<li class="lfield lfpas"><label for="login_password">Пароль (<a href="{lostpassword-link}">Забыли?</a>):</label><br /><input type="password" style="padding:10px 15px; width:240px" name="login_password" id="login_password" /></li>
<li class="lfield lfchek"><input type="checkbox" name="login_not_save" id="login_not_save" value="1"/><label for="login_not_save"> Чужой компьютер</label></li>
<li class="lfield lfchek"><div class="sociallogin">
[vk]<a href="{vk_url}" target="_blank"><img src="{THEME}/images/social/vkontakte.gif" /></a>[/vk]
[odnoklassniki]<a href="{odnoklassniki_url}" target="_blank"><img src="{THEME}/images/social/odnoklassniki.gif" /></a>[/odnoklassniki]
[facebook]<a href="{facebook_url}" target="_blank"><img src="{THEME}/images/social/facebook.gif" /></a>[/facebook]
[mailru]<a href="{mailru_url}" target="_blank"><img src="{THEME}/images/social/mailru.gif" /></a>[/mailru]
[yandex]<a href="{yandex_url}" target="_blank"><img src="{THEME}/images/social/yandex.gif" /></a>[/yandex]
[google]<a href="{google_url}" target="_blank"><img src="{THEME}/images/social/google.gif" /></a>[/google]
</div></li> </ul>
</div>
<div class="loginbr3"><button class="fbutton2" onclick="submit();" type="submit" title="Войти"><span>Войти</span></button></div>
<input name="login" type="hidden" id="login" value="submit" />
</div>
</form> </div>
[/group]
/*---login---*/
.loginbox {
display: block;
}
.loginbox ul.loginbox {
float: right;
height: 27px;
}
ul.loginbox {
line-height: 27px;
}
ul.loginbox li {
margin-left: 10px;
}
.loginbtn a {
text-decoration: none;
font-size: 1.1em;
display: block;
width: 66px;
padding-bottom: 17px;
background: url("../images/loginbtn.png") no-repeat 50% 0;
}
.loginbtn a b {
text-align: center;
display: block;
cursor: pointer;
height: 26px;
background-color: #db143d;
}
.loginbtn a:hover {
background-position: 50% 100%;
}
.loginbtn a:hover b {
background-color: #f1345d;
}
.logform li.lfield {
margin-bottom: 10px;
}
.logform li.lbtn {
text-align: center;
}
.logform li.lfield input {
width: 265px;
}
.logform li.lfchek input {
width: 13px;
border: none;
background: none;
}
.logform li.lfchek label {
display: inline;
margin-bottom: 0.2em;
}
Прошу не закидывать ламера помидорами и помочь в данном начинании :)
ВОПРОС ЗАКРЫТ. Разобрался сам.
Если вдруг кому понадобится, вот правильный код:
Если вдруг кому понадобится, вот правильный код:
[not-group=5]
<a href="{logout-link}" class="btn-enter">Выход</a>
<a id="loginlink" href="#logindialog" class="btn-enter"> Профиль </a>
<a href="{profile-link}" class="btn-reg">{login}</a>
<div style="display: none;" id="logindialog" title="{login}">
<div class="lcol">
<div style="margin: 0" class="avatar"><a href="{profile-link}"><img src="{foto}" alt="{login}" /></a></div>
</div><div class="film-item full">
<div class="logform">
<ul class="reset">
[admin-link]<li><a href="{admin-link}" target="_blank"><b>Админпанель</b></a></li>[/admin-link]
<li><a href="{addnews-link}"><b>Добавить новость</b></a></li>
<li><a href="{pm-link}">Сообщения: ({new-pm} | {all-pm})</a></li>
<li><a href="{profile-link}">Мой профиль</a></li>
<li><a href="{favorites-link}">Мои закладки</a></li>
<li><a href="{stats-link}">Статистика</a></li>
</ul>
</div>
<div class="clr"></div>
</div></div>
[/not-group]
[group=5]
<a id="loginlink" href="#logindialog" class="btn-enter"> Вход </a>
<a href="{registration-link}" class="btn-reg"> Регистрация </a>
<div id="logindialog" title="Авторизация" style="display:none;">
<form method="post" action="">
<div class="loginbr">
<div class="logform">
<ul class="reset">
<li class="lfield"><label for="login_name">Логин:</label><br /><input type="text" name="login_name" id="login_name" style="padding:10px 15px; width:240px" /></li>
<li class="lfield lfpas"><label for="login_password">Пароль (<a href="{lostpassword-link}">Забыли?</a>):</label><br /><input type="password" style="padding:10px 15px; width:240px" name="login_password" id="login_password" /></li>
<li class="lfield lfchek"><input type="checkbox" name="login_not_save" id="login_not_save" value="1"/><label for="login_not_save"> Чужой компьютер</label></li>
</ul>
</div>
<div class="loginbr3"><button class="fbutton2" onclick="submit();" type="submit" title="Войти"><span>Войти</span></button></div>
<input name="login" type="hidden" id="login" value="submit" />
</div>
</form> </div>
[/group]