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

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

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

Для создания удобной всплывающей формы авторизации пользователя, потребовалась библиотека 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;"> - нужен для того чтобы изначально скрыть блок авторизации

Давайте дружить!
Поставьте нравится 👍
Спасибо, я уже с вами!
Вы подписались на нашу рассылку
Спасибо!
Мы обещаем, что не будем спамить, все только самое
нужное и полезное для вашего развития.
Спасибо!
Мы свяжемся с Вами в ближайшее время
ЛОВИТЕ БОНУС
Бесплатный аудит контекстной рекламы Google Adwords.
Прокачаем ваш контекст!