Модуль авторизации для Joomla

Опубликовано: 2019-05-23
Редактировалось: 11 раз — последний 21 сентября 2014
Просмотров: 523
+4
: 4
Сразу поправлюсь данную "фишку" можно прикрутить не только к джумле, но и к любой системе.
И так ,что надо сделать? Надо сделать выпадающую стильную панель авторизации как на рисунке.

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


В закрытом состоянии панель выглядит так:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

Посмотреть демо можно
Скрытый текст виден только зарегистрированным пользователям
.

Для реализации задуманного скачиваем архив с исходниками.

Скрытый текст виден только зарегистрированным пользователям


В архив положил уже готовую страницу от шаблона для джумлы с интегрированным модулем, что бы было более понятно где что...Размещаем папку login_panel из архива, в папку с вашим шаблоном, туда же где находится и файл index.php шаблона. Далее открываем файл index.php Вашего шаблона, и начинаем редактировать сначала между тегами <head></head> вставляем ссылки на стили и скрипты:

Код PHP:
  1. <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/login_panel/css/slide.css" media="screen" />
и ниже:

Код PHP:
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  2.  
  3. <!-- PNG FIX for IE6 -->
  4. <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
  5. <!--[if lte IE 6]>
  6. <script type="text/javascript" src="<?php echo $templateUrl; ?>/login_panel/js/pngfix/supersleight-min.js"></script>
  7. <![endif]-->
  8.  
  9. <script src="<?php echo $templateUrl; ?>/login_panel/js/slide.js" type="text/javascript"></script>
  10.  
В эти места:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Далее подключаем непосредственно панель так же в файле index.php, вставляем код:

Код PHP:
  1. <body>
  2. <!-- Panel -->
  3. <div id="toppanel">
  4. <div id="panel">
  5. <div class="content clearfix">
  6. <div class="left"> <?php echo $view->position('position-35', 'elnostyle'); ?> </div>
  7. <div class="left"> <?php echo $view->position('position-34', 'elnostyle'); ?> </div>
  8. <div class="left right"> <?php echo $view->position('position-33', 'elnostyle'); ?> </div>
  9. </div>
  10. </div>
  11. <!-- /login -->
  12. <!-- The tab on top -->
  13. <div class="tab">
  14. <ul class="login">
  15. <li class="left">&nbsp;</li>
  16. <li>Авторизация</li>
  17. <li class="sep">|</li>
  18. <li id="toggle"> <a id="open" class="open" href="#">Открыть панель</a> <a id="close" style="display: none;" class="close" href="#">Закрыть панель</a> </li>
  19. <li class="right">&nbsp;</li>
  20. </ul>
  21. </div>
  22. <!-- / top -->
  23. </div>
  24. <!--panel -->
сразу после тега <bodi>. Обращаю внимание что в панель помимо модуля авторизации вставлены еще две позиции для модулей (в данном случае на демо место под рекламу). Но их можно и не вставлять.

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

Вот примерно и все Остальное если нужно, надо подправить в стилях самого шаблона.
Кому, что непонятно задавайте вопросы в комментариях.
Комментарии (2)
ute #
: 0
Что должно измениться после этого? Как отобразить авторизацию на сайте?
Включить авторизацию и закрепить позицию?
skaz #
: 0
Делалось очень давно, подробностей не помню.
Включить авторизацию и закрепить позицию?
Кажется так...

Случайное из блогов

samson
Joomla выходит все новыми релизами, и часто возникают вопросы, на какой делать сайт, графики ниже выхода...
4 - +9
artnikov
Доброго здоровья. В интернете МИЛЛИОН статей на тему, как вывести сайт за кратчайший срок в ТОП 3 или ТОП...
11 - +7
artnikov
Пока "есть еще" время, продолжу, с вашего разрешения... Данная тема посвещена-измененнию логина ADMIN,...
1 - +6
samson
Так как многих давно интересовало как сделать суффиксы модулей для Джумла в Artisteer 4.1-4.2 то выкладываю...
7 - +11
skaz
Решил написать эту статью в связи с тем, что некоторые пользователи программы пасуют перед редактированием...
8 - +6