Пятница, 18.07.2025, 10:28:32
Уникальные скрипты для uCoz

  • Страница 1 из 1
  • 1
Красивая всплывающая панель для сайта
DieZДата: Воскресенье, 27.06.2010, 09:46:56 | Сообщение # 1

.:GL.AdMiNkO_o:.
Сообщений: 807
Репутация: 168
Награды: 17
Замечания: 0%
OffLine

В сегодняшнем уроке я покажу Вам, как сделать красивую всплывающую панель для сайта. Ее можно использовать как форму для логина и регистрации, можно как меню, также туда можно поместить карту сайта. Все зависит от Вашей фантазии.

В демо версии панель использована для логина и регистрации пользователей.

1. Для начала между тегами нам необходимо поместить следующий фрагмент кода:

Code
Гость Вам запрещен показ кода - скрипта, зарегистрируйтесь !!!

Тут мы подключаем две таблицы стилей (одна для оформления внешнего вида панели, вторая - текста на ней). При большом желании можно эти 2 таблицы стилей объединить в одну. Далее идет хак для Internet Explorer 6. Он исправляет глюк прозрачночти .png изображений. И после этого подключается фреймворк jQuery и функция выезжания нашей панели. Обязательно помним про пути к файлам, если будете менять их месторасположение.

2. Далее в основном теле документа нам необходимо поместить следующий HTML код:

Code
Гость Вам запрещен показ кода - скрипта, зарегистрируйтесь !!!

В данном коде мы просто оформляем внешний вид всплывающей панели. Если Вам необходимо его видоизменить, экспериментируйте с кодом и у Вас все получится.

Важно: данный урок рассказывает только о том, как сделать такую всплывающую панель.
Он не рассказывает о том, как сделать регистрацию на сайте. Уроки по регистрации вскоре появятся на нашем сайте. Как говорится: "Не переключайтесь!"

Всего наилучшего!

[Ссылки могут видеть только зарегистрированные пользователи]


[RU]
  • Страница 1 из 1
  • 1
Поиск:
VirTuS-WaR.ClaN.Su © 2009 — 2025 · Хостинг от uCoz Дизайн данного сайта полностью принадлежит администратору — DieZ.
Сайт оптимизирован под браузеры Opera, Firefox и разрешение экрана 1024x786.