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

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 в красивому спливаючому вікні

Буквально недавно, один мій знайомі в асьці запитав у мене, чи не знаю я якогось «прикольного» модуля логіна для 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') + '?
Категории
  • Биология
  • Математика
  • Краеведению
  • Лечебная
  • Наука
  • Физике
  • Природоведение
  • Информатика
  • Новости

  • Новости
    Подготовка к ЕГЭ по математике
    Статьи Опубликовано: 05.10.2017 Подготовка к ЕГЭ по МАТЕМАТИКЕ. 1 часть. Эффективный курс подготовки. Вы находитесь на сайте www.ege-ok.ru - Подготовка к ЕГЭ по математике. Меня зовут Инна Владимировна

    Куда поступить с обществознанием, русским и математикой
    Статьи Опубликовано: 06.10.2017 Сдача ЕГЭ. Куда поступать? Обществознание считается одним из самых популярных предметов, которые выпускники сдают на ЕГЭ. Ввиду высокого рейтинга дисциплины Рособрнадзор

    Сайт Майер Елены - ЕГЭ по математике
    Планируется проведение двух отдельных экзаменов – базового и профильного. Кому сдавать базовый ЕГЭ по математике? Базовый ЕГЭ организуется для выпускников, изучающих математику для общего развития

    ГДЗ решебник по математике 4 класс
    Извините, тут пока ничего нет ((( Решебник по математике 4 класс (Истомина Н.Б.) – не просто возможность быстро выполнить домашнее задание для учащегося, но и способ разобраться в труднорешаемых задачах.

    ГДЗ по математике 1 класс Самсонова самостоятельные работы
    Решебник по математике за 1 класс автора Самсоновой Л.Ю. 2012 года издания. Данное пособие предлагает готовые решения на разнообразные упражнения, направленные на активизацию всего учебного процесса. Здесь

    Для этой работы нужна математика
    Слотов: 956 Рулеток: 7 Лицензия: Pragmatic Play, Microgaming, ELK, Yggdrasil, Habanero, Amatic, Isoftbet, Netent, Rival, Igrosoft, Quickspin. Игры: Автоматы, Покер, Рулетки. Всего 963 Отдача: 98% Бонус

    Веселые задачи по математике 2 класс
    Во время занятий для того, чтобы немного переключить внимание школьников, но при этом не уйти от предмета, можно давать шутливые задачи на сообразительность. Буду пополнять коллекцию таких задач. Дополнительная

    Функция экспонента в Excel
    Одной из самых известных показательных функций в математике является экспонента. Она представляет собой число Эйлера, возведенное в указанную степень. В Экселе существует отдельный оператор, позволяющий

    ЕГЭ по математике 2018
    ЕГЭ по математике, наравне с русским языком , – обязательный экзамен для сдачи выпускниками 11-х классов. По статистике он самый сложный. Мы предлагаем ознакомиться с общей информацией об экзамене и

    Секреты эффективной и быстрой подготовки ко второй части ОГЭ по математике.
    Уважаемые девятиклассники, настоящие или будущие! Часто от вас приходится слышать следующие вопросы. Легко ли подготовиться к заданиям второй части ОГЭ по математике? Сколько для этого понадобится


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

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

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

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