Авторизация на сайте через JS pop-up

infinity237 · 2010-01-06 22:11:00

Иногда форма авторизации на сайте не вписывается в дизайн, либо банально для неё не хватает места.
Тогда одним из выходов является использование 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 21:47:49)

sival · 2011-08-17 09:24:25

Пробовал поставить на "денвере"
"вход" и "профиль" есть, а где вход в "админцентр" и "добавить новость"?

infinity237 · 2011-08-17 09:31:05

Ну тут всего лишь пример, дорабатывать надо самому.

sival · 2011-08-17 14:33:48

А готового нет, чтобы с ссылками, как пример?

infinity237 · 2011-08-17 15:36:03

Готовый есть в некоторых шаблонах - посмотри недавно выложенные.

lmao · 2011-11-15 01:28:17

На 0.9.3 что-то вообще не заработало)

easmik · 2011-11-15 02:24:59

lmao, совет тот же, что дал infinity237, есть шаблоны и с JS окнами и они работаю, могу демку скинуть.

lmao · 2011-11-15 18:10:52

М, давай, посмотрю, может получится выдернуть, а то у меня уже свой шаблон )

easmik · 2011-11-15 19:39:59

lmao, могу порекомендовать последний шаблон RocketBoy, который очень похож на нынешний сайт NG CMS, если надо в личку напишу ссылку не демку этого шаблона.

lmao · 2011-11-22 00:18:07

Спасибо, я уже нашел в шаблонах похожее (http://ngcms.ru/forum/viewtopic.php?id=1846), но в итоге решил оставить стандартное решение )

Next Generation CMS :: Форум поддержки

Объявление

#1 2010-01-06 22:11:00

Авторизация на сайте через JS pop-up

#2 2011-08-17 09:24:25

Re: Авторизация на сайте через JS pop-up

#3 2011-08-17 09:31:05

Re: Авторизация на сайте через JS pop-up

#4 2011-08-17 14:33:48

Re: Авторизация на сайте через JS pop-up

#5 2011-08-17 15:36:03

Re: Авторизация на сайте через JS pop-up

#6 2011-11-15 01:28:17

Re: Авторизация на сайте через JS pop-up

#7 2011-11-15 02:24:59

Re: Авторизация на сайте через JS pop-up

#8 2011-11-15 18:10:52

Re: Авторизация на сайте через JS pop-up

#9 2011-11-15 19:39:59

Re: Авторизация на сайте через JS pop-up

#10 2011-11-22 00:18:07

Re: Авторизация на сайте через JS pop-up

Подвал форума