Заказать услугу
  • +38 099 227-70-70
  • +38 097 770-63-63

Красивая всплывающая авторизация

Красивая всплывающая иллюстрация

Для создания удобной всплывающей формы авторизации пользователя, потребовалась библиотека JQuery  и плагин Fancybox. Кстати, можно скачать библиотеки в папки своего проекта или использовать ссылки на них (например, на code.google.com). Тут вопрос в производительности, ну и ещё в том, буду ли я менять исходные коды библиотек под свои нужды.

Что необходимо подключить:(jquery.min и Fancybox)

Далее прописываем настройки для fancybox, стили всплывающего окна.

На тех страницах где будет всплывать блок авторизации, пишем

<div style="display:none;">
<div id="form_client" class="clearfix">
   <form name="client" onsubmit="send_message(); 
      return false;" action="client.php" method="post">
      <label>Логин:</label>
     <input type="text" name="param[name]" /><br />
     <label>Пароль:</label>
     <input type="text" name="param[pass]" /><br />
     <label>Запомнить:</label>
     <input class="client_check" type="checkbox" value="/" 
       name="save" /><br />
     <input type="submit" id="but" value=" " />
     </form>
     </div>
</div>
</div>

Либо подключаем через ajax.

<div style=»display:none;»> — нужен для того чтобы изначально скрыть блок авторизации

Посты этой рубрики посвящены инструментам и стратегиям интернет-маркетинга, призванным увеличить конверсию сайта. Статьи будут интересны и полезны нынешним и будущим владельцам онлайн-бизнеса.
Интересуют последние веяния в дизайне сайтов и айдентики? Хотите правильно сочетать цвета и шрифты? Тогда вам сюда.
В рубрике «Разбор заплывов» специалисты студии Webakula делятся не только своими опытом, наблюдениями, выводами, но и практическими советами.
Рубрика поможет разобраться с базовыми терминами интернет-маркетинга, веб-разработки и дизайна. Статьи пригодятся любознательным индивидуумам, которым не безразлична тема сайтостроения.
Мы рады познакомиться и поделиться информацией о насыщенных буднях и ярких выходных компании Webakula с нашими клиентами, читателями и случайными «прохожими». Заходите, располагайтесь, чувствуйте себя, как дома :)