Next Generation CMS :: Форум поддержки
Вы не зашли.
- Темы: Активные | Без ответов
Объявление
Страницы 1
#1 2010-01-06 23:11:00
- infinity237
- Модератор
- Откуда Russia, Moscow
- Зарегистрирован: 2008-11-09
- Сообщений: 2,674
- Рейтинг : 176
- Сайт
Авторизация на сайте через JS pop-up
Иногда форма авторизации на сайте не вписывается в дизайн, либо банально для неё не хватает места.
Тогда одним из выходов является использование JS pop-up. (Что это такое вы можете видеть на скриншоте.)
Примечание: в 0.9.1 произошли некоторые изменения, которые не позволяют реализовать полноценный хак, в частности хак потребует небольших доработок в случае если у вас используется отличные от стандарных URL.
1. Скачать архив: http://bestfrag.ru/leftblock.zip
2. Разархивировать его в корень вашего шаблона. Произвести замену usermenu.tpl.
3. Вставить в любом месте шаблона main.tpl код:
<link rel="stylesheet" href="{tpl_url}/leftblock/colorbox.css" type="text/css" />
<!--[if IE 6]><link rel="stylesheet" href="{tpl_url}/leftblock/colorbox-ie.css" type="text/css" /><![endif]-->
<script type="text/javascript" src="{tpl_url}/leftblock/jquery.js"></script>
<script type="text/javascript" src="{tpl_url}/leftblock/jquery.colorbox.js"></script>
<script type="text/javascript" src="{tpl_url}/leftblock/mootools.js"></script>
<script type="text/javascript" language="javascript">
var rl_box_hide_div_holder;
var rl_box_hide_div = document.getElementsByTagName("DIV");33
for (var rl_box_hide_div_y=0; rl_box_hide_div_y<rl_box_hide_div.length; rl_box_hide_div_y++)
{
rl_box_hide_div_holder = rl_box_hide_div[rl_box_hide_div_y].className;
if (rl_box_hide_div_holder.indexOf("-rl_box") > 0)
{
rl_box_hide_div[rl_box_hide_div_y].style.display = "none";
}
}
</script>
<script type="text/javascript">
jQuery(document).ready(
function(){
jQuery(".rlbox_login").colorbox({width:"300px", height:"265px", inline:true, href:"#rlbox_login"});
}
);
</script>
<div class="rlboxhidden">
<div id="rlbox_login">
<div>
<div>
<div>
<div>
<img src="{tpl_url}/leftblock/images/login.png" alt="Login" align="left" />
<h3 class="xtdlogin">Вход</h3>
<form name="login" method="post" action="/login/" >
<input type="hidden" name="redirect" value="{home}" />
<p><br />
<label><strong>Логин:</strong></label><br />
<input type="text" name="username" />
</p>
<p>
<label><strong>Пароль</strong></label><br />
<input type="password" name="password" />
</p>
<input type="submit" class="button" value="{l_login}" name="Login" />
<div>
<a href="{home}/register/">{l_registration}</a>
<a href="{home}/lostpassword/">{l_lostpassword}</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{personal_menu}После этих действий, у вас на сайте должна появится боковая панель, которая будет перемещаться при скролинге. Шаблон легко настраивается в соответствии с вашими предпочтениями.
Изменено infinity237 (2011-08-09 22:47:49)
Не в сети
#3 2011-08-17 10:31:05
- infinity237
- Модератор
- Откуда Russia, Moscow
- Зарегистрирован: 2008-11-09
- Сообщений: 2,674
- Рейтинг : 176
- Сайт
Re: Авторизация на сайте через JS pop-up
Ну тут всего лишь пример, дорабатывать надо самому.
Не в сети
#5 2011-08-17 16:36:03
- infinity237
- Модератор
- Откуда Russia, Moscow
- Зарегистрирован: 2008-11-09
- Сообщений: 2,674
- Рейтинг : 176
- Сайт
Re: Авторизация на сайте через JS pop-up
Готовый есть в некоторых шаблонах - посмотри недавно выложенные.
Не в сети
есть шаблоны и с JS окнами и они работаю, могу демку скинуть.#9 2011-11-15 20:39:59
Не в сети
#10 2011-11-22 01:18:07
Re: Авторизация на сайте через JS pop-up
Спасибо, я уже нашел в шаблонах похожее (http://ngcms.ru/forum/viewtopic.php?id=1846), но в итоге решил оставить стандартное решение )
Не в сети
Страницы 1