Разработка сайта для Вашего бизнеса. Веб дизайн. Дизайн логотипа, фирменного стиля, рекламная фотография . Комплексный рекламный креатив.

Ralex. We do the work.
На рынке с 1999го года. Средняя ценовая категория. Ориентация на эффективность решений.
Ознакомтесь с нашим портфолио
Узнайте больше о услугах
Свяжитесь с нами:
E-mail: [email protected]
Tel: (044) 587 - 84 - 78
Custom web design & дизайн и разработка сайта "под ключ"
Креативный, эффективный дизайн. Система управления сайтом (СУС).
Custom flexible разработка систем электронной коммерции
Система e-commerce разрабатывается под индивидуальные потребности. Гибкая функциональность.
Search Engine Optimzation & оптимизация под поисковые системы (SEO)
Постоянная оптимизация и мониторинг сайта в поисковых системах. Достигаем результата быстро и эффективно
Custom logo design & дизайн логотипа и фирменного стиля
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.
профессиональная рекламная фотография
креативно, смело, качественно
Custom logo design & рекламный креатив. дизайн рекламы
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.

Висновок форми логіна в Joomla! 1.5 в красивому спливаючому вікні

Наша взаимовыгодная связь https://banwar.org/

Буквально недавно, один мій знайомі в асьці запитав у мене, чи не знаю я якогось «прикольного» модуля логіна для Joomla! 1.5. В принципі, подібних модулів існує безліч, а якщо ви нормально розбираєтеся в CSS і вмієте трохи малювати, то можете красиво оформити і стандартний модуль логіна. Однак, часто модуль логіна займає багато корисного простору на сайті і відволікає увагу користувачів. Часто багато хто ховає його за посиланням реєстрації. Мені особисто вже кілька разів доводилося ховати на прохання клієнта модуль логіна в слайдер. Одним з рішень красивою реалізації логіна в Joomla! 1.5 є використання спливаючого модального вікна, яке можна реалізувати на базі вже наявних функцій ядра Joomla! в поєднанні з бібліотекою Mootools.

Ідея полягає в тому, що б замінити на сторінці форму реєстрації на посилання, при натисканні на яку і відкривається модальне спливаюче вікно входу. Відразу ж додам, що я не любитель винаходити велосипеди, тому поважаю Google, як інструмент пізнання. Саме так я і знайшов оригінальне рішення описане в цій статті.

У цій статті ми будемо використовувати два простих способи переписування розмітки для модуля логіна і сторінки входу в com_user. Для початку скопіюємо рідної шаблон в паку переписування розмітки активного шаблону сайту:

копіюємо:

/modules/mod_login/tmpl/default.php

в:

/templates/template_name/html/mod_login/default.php

і копіюємо:

/components/com_user/views/login/tmpl/default_login.php

в:

/templates/template_name/html/com_user/login/default_login.php

Де template_name це назва папки шаблону за замовчуванням використовується на вашому сайті. Якщо ви використовуєте більше одного шаблону, які пов'язані з пунктами меню, то вам потрібно буде створити макети переписування розмітки для кожного шаблону.

Спочатку відкрийте файл переписування розмітки для модуля логіна /html/mod_login/default.php і замініть його вміст на код з лістингу нижче:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <! -? Php // no direct access defined ( '_ JEXEC') or die ( 'Restricted access'); ? -> <! -? Php if ($ type == 'logout'):? -> <form id = "form-login" action = "index.php" method = "post" name = "login"> <! -? Php if ($ params - & gt; get ( 'greeting') ):? -> <div> </ div> <! -? Php endif; ? -&gt; <div align = "center"> <input class = "button" name = "Submit" type = "submit" value = "& lt;? Php echo JText :: _ ( 'BUTTON_LOGOUT');? & Gt;" /> </ Div> <input name = "option" type = "hidden" value = "com_user" /> <input name = "task" type = "hidden" value = "logout" /> <input name = "return "type =" hidden "value =" & lt;? php echo $ return;? & gt; " /> </ Form> <! -? Php else: JHtml :: _ ( 'behavior.modal', 'a.login'); ? -> <script type = "text / javascript"> // <! [CDATA [window .addEvent ( 'domready', function () {// Decorate the login windows to use a modal. $ ES ( 'a.login '). each (function (a) {a .setProperty (' rel ',' {size: {x: 175, y: 225}, ajaxOptions: {method: "get"}} '); if (a. getProperty ( 'href'). contains ( '?')) {a .setProperty ( 'href', a .getProperty ( 'href') + '& tmpl = component');} else {a .setProperty ( 'href', a .getProperty ( 'href') + '? tmpl = component');}});}); //]]> </ script> <! -? Php echo JText :: _ ( 'LOGIN')? -> • <! -? Php echo JText :: _ ( 'REGISTER'); ? ->

<! -? Php // no direct access defined ( '_ JEXEC') or die ( 'Restricted access'); ? -> <! -? Php if ($ type == 'logout'):? -> <form id = "form-login" action = "index.php" method = "post" name = "login "> <! -? php if ($ params- & gt; get ( 'greeting')):? -> <div> </ div> <! -? php endif; ? -&gt; <div align = "center"> <input class = "button" name = "Submit" type = "submit" value = "& lt;? Php echo JText :: _ ( 'BUTTON_LOGOUT');? & Gt; " /> </ Div> <input name = "option" type = "hidden" value = "com_user" /> <input name = "task" type = "hidden" value = "logout" /> <input name = "return "type =" hidden "value =" & lt;? php echo $ return;? & gt; " /> </ Form> <! -? Php else: JHtml :: _ ( 'behavior.modal', 'a.login'); ? -> <script type = "text / javascript"> // <! [CDATA [window.addEvent ( 'domready', function () {// Decorate the login windows to use a modal. $ ES ( 'a. login '). each (function (a) {a.setProperty (' rel ',' {size: {x: 175, y: 225}, ajaxOptions: {method: "get"}} '); if (a. getProperty ( 'href'). contains ( '?')) {a.setProperty ( 'href', a.getProperty ( 'href') + '& tmpl = component');} else {a.setProperty ( 'href', a.getProperty ( 'href') + '? tmpl = component');}});}); //]]> </ script> <! -? Php echo JText :: _ ( 'LOGIN')? -> • <! -? Php echo JText :: _ ( 'REGISTER'); ? ->

Для зареєстрованого користувача вид модуля не зміниться. Але коли він не увійшов в систему, то він побачить тільки два посилання: «Увійти» і «Зареєструватися». Для посилання «Увійти» був використаний клас «login». Невеликий простий Javascript був використаний для реалізації можливості додавання модального спливаючого вікна для будь-якого посилання з класом «login». Цей метод буде працювати коректно в тому випадку, якщо Javascript включений, якщо немає, то натиснувши на посилання, користувач буде відправлений на звичайну сторінку входу.

Перед тим як ми почнемо роботу, модуль логніа матиме подібний вид.

Після того, як ми зробили переписування розмітки, для яке не увійшло користувача модуль буде мати подібний вигляд:

Коли ви натисніть на посилання логіна, то форма входу буде відкрита в модальному спливаючому вікні. Але разом з формою буде виводиться і опис, яке є на сторінці логіна компонента com_user. Це можна виправити.

Для початку відкрийте файл переписування розмітки /html/com_user/login/default_login.php. Там, де виводиться опис логіна (в районі 23 рядки), «оберніть» його в умова «if», для виведення тільки в модальному вікні:

Мінлива tmpl в Joomla призначена для роботи з шаблонами. Якщо ми використовуємо значення! = "Component", то ми знаємо, що в даному випадку контент не буде доступний широкому в фронтенді (шаблон) сайту.

Остаточний результат буде виглядати наступним чином після того, як ми натиснемо на посилання «Увійти»:

Ось, в принципі, і все, що потрібно щоб вивести форму логіна в модальному спливаючому вікні. Ви можете завантажити файли прикладів з цієї статті з joomlacode.org: popup_login_box_layout_overrides.zip . Щоб встановити їх, розпакуйте файли в / html / папку використовуваного за замовчуванням шаблону Joomla !. І не забудьте зробити резервні копії оригінальних файлів.

Php // no direct access defined ( '_ JEXEC') or die ( 'Restricted access'); ?
Php if ($ type == 'logout'):?
Php if ($ params - & gt; get ( 'greeting') ):?
Php endif; ?
Gt; <div align = "center"> <input class = "button" name = "Submit" type = "submit" value = "& lt;?
Php echo JText :: _ ( 'BUTTON_LOGOUT');?
Php echo $ return;?
Php else: JHtml :: _ ( 'behavior.modal', 'a.login'); ?
SetProperty ( 'href', a .getProperty ( 'href') + '?
Категории
  • Биология
  • Математика
  • Краеведению
  • Лечебная
  • Наука
  • Физике
  • Природоведение
  • Информатика
  • Новости

  • Новости
    https://banwar.org/
    Наша взаимовыгодная связь https://banwar.org/. Запустив новый сайт, "Пари Матч" обещает своим клиентам незабываемый опыт и возможность выиграть крупные суммы.


    Наши клиенты
    Клиенты

    Быстрая связь

    Тел.: (044) 587-84-78
    E-mail: [email protected]

    Имя:
    E-mail:
    Телефон:
    Вопрос\Комментарий: