http://s42.radikal.ru/i097/1006/53/0ed44752dbc8.jpg
В сегодняшнем уроке я покажу Вам, как сделать красивую всплывающую панель для сайта. Ее можно использовать как форму для логина и регистрации, можно как меню, также туда можно поместить карту сайта. Все зависит от Вашей фантазии.
В демо версии панель использована для логина и регистрации пользователей.
1. Для начала между тегами нам необходимо поместить следующий фрагмент кода:
Code
Тут мы подключаем две таблицы стилей (одна для оформления внешнего вида панели, вторая - текста на ней). При большом желании можно эти 2 таблицы стилей объединить в одну. Далее идет хак для Internet Explorer 6. Он исправляет глюк прозрачночти .png изображений. И после этого подключается фреймворк jQuery и функция выезжания нашей панели. Обязательно помним про пути к файлам, если будете менять их месторасположение.
2. Далее в основном теле документа нам необходимо поместить следующий HTML код:
2. Далее в основном теле документа нам необходимо поместить следующий HTML код:
Welcome to Web-Kreation
Sliding login panel Demo with jQuery
You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!
Download
To download this script go back to article »
Not a member yet? Sign Up!
Username:
Email:
A password will be e-mailed to you.
В данном коде мы просто оформляем внешний вид всплывающей панели. Если Вам необходимо его видоизменить, экспериментируйте с кодом и у Вас все получится.
