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

Опубликовано:
Редактировалось: 1 раз — вчера в 22:39
Просмотров: 3440
+10
Голосов: 10

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

И так начнём:

Открываем шаблон в хейдер прописываем:

<link href="/templates/_ваш шаблон_/css/colorbox.css" rel="stylesheet" type="text/css" />

<script src="/templates/_ваш шаблон_/ваша папка/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:
  1. <div class="grid_9">
  2. <?php if (!$inUser->id){ ?>
  3. <div class="mod_user_menu">
  4. <span class="register"><a href="/registration">Регистрация</a></span>
  5. <span class="login"><a href="/login">Вход</a></span>
  6. </div>
  7. <?php } else { ?>
  8. <?php cmsModule('header'); ?>
  9. <?php } ?>
  10. </div>

и меняем на:

Код PHP:
  1.  
  2. <div class="grid_9">
  3. <?php if (!$inUser->id){ ?>
  4. <div class="mod_user_menu">
  5. <span class="register"><a class='example7' href="/registration">Регистрация</a></span>
  6. <span class="login"><a class='example1' href="/login">Вход</a></span>
  7. </div>
  8. <div style='display:none'>
  9. <div id='inline_example1' style='padding:10px; background:#fff;'>
  10.  
  11. <form action="/login" method="post" name="authform" style="margin:0px" target="_self" id="authform">
  12. <p><label for="username"><span class="username">Логин</span></label>
  13. <input name="login" type="text" class="login" /></p><br />
  14. <p><label for="password"><span class="password">Пароль</span></label><br />
  15. <input name="pass" type="password" class="pass"></p>
  16. <p class="remember">
  17. <input id="signin_submit" value="Вход" tabindex="6" type="submit">
  18. <input id="remember" name="remember" value="1" type="checkbox">
  19. <label for="remember">Запомнить</label></p>
  20. <p class="forgot"><a href="/passremind.html">Забыли пароль?</a></p>
  21. <p class="forgot-username">
  22. <a id=forgot_username_link title="Регистрируйся у нас!!!" href="/registration">Регистрация</a></p>
  23. </form>
  24.  
  25. </div>
  26. </div>
  27. <?php } else { ?>
  28. <?php cmsModule('header'); ?>
  29. <?php } ?>
  30. </div>
  31.  

Всё с шаблоном покончено.

Далее папку colorbox закидываем в папку images шаблона (это важно,)ну и остальные файлы раскидываем по папкам откуда они будут подгружаться

в css файла шаблона прописываем

#inline_example1 .login {width: 260px;}

#inline_example1 .pass {width: 260px;}

.remember {padding:10px;}

Далее остается оформить по своёму вкусу..... zst

Скачать архив

Комментарии (8)
Letsgo #
: +1
сразу в плюс)
Soul #
: 0
Молодец! Глядишь стараниями таких вот умельцев и вытянем инстант на уровень того же DLE по количеству модулей, дополнений и расширений.
Михаил М. #
: 0
Вот и тянем её за уши!!! до уровня....  v
Gorec #
: 0
Раасортировать бы все дополнения а то долго приходится искать то что нужно
Letsgo #
: 0
тока в другом шаблоне, делать надо иначе)
Letsgo #
: 0
да..раскидаем в дополнения.
Артур #
: +1
А в это окно можно сверху loginzillу впихнуть?
Letsgo #
: 0
можно запихнуть и логинзу в окно :)

Голосуем

Самый нужный компонент