Приветствую Вас Прохожий | RSS Вторник, 06.12.2016, 22:49
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 11
Гостей: 10
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Быстрая форма входа ucoz

Быстрая форма входа ucoz Быстрая, форма, входа, ucoz
Данный скрипт предназначен для быстрого входа пользователей на сайт, уникальность самой форме то что она простая, и не грузит страницу сайта, и к тому же работает в 4 раза быстрей стандартa ucoz.
В дизайне своем исполнение , больше всего смахивает под дизайн темы Vkонтакте что в настоящий момент для всех сайтов системы является модным, что не удивительно , простота это всегда красивый подход и минимум затрат на его изготовления.
Так же присутствуют некие навороты как к примеру это финт нужный каждому на саите , Форма так же стартует при нажатие клавиш CTRL + ENTER

Установка входа на сайт для пользователей:
Первым делом мы код стиля формы вставляем в таблицу стилей css:
Code
<style>  
  a.reg.ctrl {text-decoration:none;background: #8B8B8B url("http://usite.su/images/new/highlight_faint.png") repeat-x 0 0px;border: 1px solid #727272;color: #E6EDF4;text-shadow: #8B8B8B 0px 1px 0px;}a.reg.ctrl:hover {text-decoration:none;background-color: #979797;color: white;cursor: pointer;}a.reg {margin-right: 5px;text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 0px;background: #2A3946 url("http://usite.su/images/new/highlight_faint.png") repeat-x 0 0px;border: 1px solid #202C36;color: white;display: inline-block;padding: 5px 10px;text-align: center;text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 0px;-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 0px;box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 0px;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}a.reg.ctrl:active {color: #FFFFFF;cursor: pointer;-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;}a.login {text-decoration:none;background: url("http://usite.su/images/new/highlight_faint.png") repeat-x scroll 0 0 #2A3946;border: 1px solid #202C36;border-radius: 1px 1px 1px 1px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43);color: #FFFFFF;display: inline-block;padding: 5px 10px;text-align: center;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);}a.login:hover {text-decoration:none;background-color: #364959;color: #FFFFFF;cursor: pointer;}a.login.alt {background: url("http://usite.su/images/new/highlight_faint.png") repeat-x scroll 0 0 #758A9D;border: 1px solid #61768A;color: #E6EDF4;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);}a.login.alt:hover {background-color: #8197AA;color: #FFFFFF;cursor: pointer;} a.login.alt:active {background-color: #8197AA;color: #FFFFFF;cursor: pointer;-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;}#log {color:#494949;text-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);}#log_login,#log_pass {width: 100%;color:gray;background: white; border: 1px solid #122e58;padding: 3px;vertical-align: middle;}#log_login:focus ,#log_pass:focus {border: 1px solid #335487}#log_login:blur, #log_pass:blur {border: 1px solid #122e58}#log_load {z-index: 50000;position:fixed;top:7px;left: 7px;z-index: 50000;background: rgba(0, 0, 0, 0.5);padding: 6px;border-radius: 4px;color:white; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);}#log_load_img {position:fixed; top: 43%;left: 50%;z-index: 50000;}#log_loading {display:none;}  
  </style>

Дальше переходим в Панель Управление дизайном - Глобальные блоки - Добавить глобальный блок блок к примеру с таким названием LOGINFORM
После создания открываем созданный блок и вставляем в содержимое данного код:
Code
<?if($USER_LOGGED_IN$)?>  
  <?else?>  
  <div id="log_loading">  
  <div id="log_load"><span style="padding: 8px;">Загрузка</span></div>  
  <img id="log_load_img" src="http://www.uphotos.ru/_ph/1/2/935020810.gif">  
  </div>  
  <script type="text/javascript" src="http://usite.su/js/usite.login.js"></script>  

  <div id="log">  
  Логин:<br>  
  <input type="text" id="log_login" value="Введите логин..."><br>  
  Пароль:<br>  
  <input type="password" id="log_pass" onkeydown="keyDown(event)" onkeyup="keyUp(event)" value="Введите пас...">  
  <div>  
  <a style="margin-top:3px;float:right;" href="javascript://" class="login alt" onclick="login()"><b>Вход</b></a>  
  <a style="margin-top:3px;float:left;" class="reg ctrl" href="/index/3"><b>Регистрация</b></a>  
  </div>  
  </div>
  <?endif?>

Теперь для отображения формы входа необходимо вставить уже такои вот готовый тег Глобального созданного блока в нужное место, к примеру в контейнер блока:
Code
$GLOBAL_LOGINFORM$

Все установка формы готова используем и радуемся новшеству. Автор:iWebb
Автор\Источник: usite.su

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2487 | Рейтинг: 4.0/3 | |Категория: Скрипты Разное | Добавил: мир | Дата: 31.05.2011 | Скачали: 0 | Теги: Форма, входа, ucoz, быстрая
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru