Авторизация на сайте во всплывающем окне

2810
Как то не давало мне покоя, то что авторизация на сайте в пользовательском модуле происходит через отдельную страницу. Моё решение, авторизация на сайте через всплывающее окно.


И так начнём:
Открываем шаблон в хейдер прописываем:
<link href="/templates/_default_/css/colorbox.css" rel="stylesheet" type="text/css" />
<script src="/templates/_default_/ваша папка/jquery.colorbox-min.js" type="text/javascript"></script>
Только не прописывайте между условием <?php if($inUser->is_admin){ ?>....<?php } ?>, а то будет работать если Вы авторизировались как админ(проверка на причастность к администрации) прописывайте после <?php } ?> чтобы работало в не зависимости от авторизации.
далее прописываем:
<script>
$(document).ready(function(){
   $(".example1").colorbox({width:"350px", inline:true, href:"#inline_example1"});
});
</script>
с хейдером покончено.
Далее в шаблоне находим следующие строки:
Код PHP:
<div class="grid_9">
                    <?php if (!$inUser->id){ ?>
                        <div class="mod_user_menu">
                            <span class="register"><a href="/registration">Регистрация</a></span>
                            <span class="login"><a href="/login">Вход</a></span>
                        </div>
                    <?php } else { ?>
                        <?php cmsModule('header'); ?>
                    <?php } ?>
         </div>
и меняем на:
Код PHP:
<div class="grid_9">
                    <?php if (!$inUser->id){ ?>
                        <div class="mod_user_menu">
                            <span class="register"><a class='example7' href="/registration">Регистрация</a></span>
                            <span class="login"><a class='example1' href="/login">Вход</a></span>
                        </div>
	<div style='display:none'>
		<div id='inline_example1' style='padding:10px; background:#fff;'>
		
        <form  action="/login" method="post" name="authform" style="margin:0px" target="_self" id="authform">
           <p><label for="username"><span class="username">Логин</span></label>
		   <input name="login" type="text" class="login" /></p><br />
           <p><label for="password"><span class="password">Пароль</span></label><br />
		   <input name="pass" type="password" class="pass"></p>
           <p class="remember">
           <input id="signin_submit" value="Вход" tabindex="6" type="submit">
           <input id="remember" name="remember" value="1" type="checkbox">
           <label for="remember">Запомнить</label></p>
           <p class="forgot"><a href="/passremind.html">Забыли пароль?</a></p>
           <p class="forgot-username">
  <a id=forgot_username_link title="Регистрируйся у нас!!!" href="/registration">Регистрация</a></p>
           </form>
        
		</div>
	</div>
                    <?php } else { ?>
                        <?php cmsModule('header'); ?>
                    <?php } ?>
                </div>
Всё с шаблоном покончено.
Далее папку colorbox закидываем в папку images шаблона
в css файла шаблона прописываем
#inline_example1 .login {width: 260px;}
#inline_example1 .pass {width: 260px;}
.remember {padding:10px;}
далее оформить по своему усмотрению.....
Скачать
Отслеживаем переход по внешним ссылкам. | Модуль вертикальной прокрутки списка пользователей
Комментарии (22)
LonelyCat 18 июня 2011 в 20:34 +1
small user social cms
мододец в принципе, и регистрацию - ее в том посте просили туда же воткнуть - сделал, т.е. это еще одно решение, и кому-то может оно больше понравится.
Михаил М. 18 июня 2011 в 20:39 +5
small user social cms
Сейчас регистрацией и занимаюсь!!!
LonelyCat 18 июня 2011 в 20:41 0
small user social cms
однозначно плюс!
googlebot 18 июня 2011 в 21:31 0
small user social cms
+ с логинзой будет работать?
Михаил М. 18 июня 2011 в 21:57 +2
small user social cms
Можно и логинзу прикруть....
Madmax 19 июня 2011 в 10:36 0
small user social cms
Михаил:
Как то не давало мне покоя, то что авторизация на сайте в пользовательском модуле происходит через отдельную страницу. Моё решение, авторизация на сайте через всплывающее окно.
Если скачать ранние версии InstantCMS, то можно увидеть, что ранее использовалась в шаблоне _default_ подобная конструкция - по умолчанию ...
Михаил М. 19 июня 2011 в 11:32 +1
small user social cms
Свою жизнедеятельность на инстанте я начал с 1.8, а о том что было у ранних версиях я не в курсе....
lezginka.ru 18 июня 2011 в 22:30 0
small user social cms
удобная вещь
+
AlexG 19 июня 2011 в 08:06 -1
small user social cms
Куда перебрасывает после авторизации?
Слава 19 июня 2011 в 09:06 0
small user social cms
Куда и положено.
reload 20 июня 2011 в 16:53 0
small user social cms
Как можно избавится от наложения флеш?
Pampa 20 июня 2011 в 17:25 0
small user social cms
Можно попробовать в атрибуты флеша внести атрибут
wmode="opaque"
reload 20 июня 2011 в 20:59 0
small user social cms
Это знаю но к сожалению это очень не удобно - видео ведь импортируется)
Михаил М. 20 июня 2011 в 19:55 0
small user social cms
в colorbox.css найти #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} z-index:9999; прописать в сторону уменьшения а не 9999 и глянуть css флеша получается что у него меньшее число, вот он и перекрывает
reload 20 июня 2011 в 21:14 0
small user social cms
игры с z-index результата не дают(
То что описал Pampa работает, но это не выход - по стоянно править код добавленного видео - это не выход, да и допустим банерная реклама не дает возможности править код, так как все загружается с сервера рекламодателя(
reload 22 июня 2011 в 23:17 0
small user social cms
Как можно избавится от наложения флеш?
Появилась идея как можно уйти от этого , только как реализовать не знаю, пока не разбирался.
В общем можно выводить окно как при смене статуса - оно всегда и везде сверху!!!

Может кто подскажет как выводить в таком окне?
SE7EN 28 ноября 2011 в 19:23 0
small user social cms
А как в таком же окне сделать регистрацию?
Николай 19 декабря 2011 в 14:04 0
small user social cms
Респект те )
spacer 10 апреля 2012 в 14:02 0
small user social cms
Доброго дня.
Отличный плагин уже полтора года лежит в закромах.
Тут вот в какой-то ветке аналогичный за ново писали )

Подскажите, добавилась ли в авторизацию лтгинза и остается ли человек на той же странице ,откуда вызвал форму входа?
на 1.9 встанет нормально?

Спасибо.
kirkr 14 июля 2012 в 20:53 0
small user social cms
ДЛя желающих ползучить логинзу в всплывающем окне, после тега </form> вставить надо
Код PHP:
 <?php cmsCore::callEvent('LOGINZA_BUTTON', array());php?>
и все :)
Dormedont 11 марта 2013 в 17:58 0
small user social cms
+ за работу и спасибо за colorbox, пригодился!