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


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



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



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Новая форма входа не стандартная от ucozon

Новая форма входа не стандартная от ucozon Новая, форма, входа, стандартная, ucozon
Вот решил сделать для сайта новую не стандартную форму входа в аккаунт пользователя, проверил в браузерах Мазила и IE8 где в последнем есть небольшой баг в стилях размеров кнопок.В следующей версии изменим баг и сделаем более универсальной саму форму.Новая форма входа не стандартная от ucozon
Так же есть удобства того что при клике поля ввода стандартная надпись исчезает, и если не вставлен не один символ то окно заполняется автоматический стандартной надписью Ваш Login на ucozon.ru, не забывайте изменить под свои запросы саму надпись при установке, так же на символы ввода наложен сам стиль цвета, по этому если вы хотите изменить его то делаете это только в стиле который вверху формы авторизации, прошу вас уважать труды сайта ucozon.ru и при копирование материала указывать первоисточник материала , что бы мы в последующем имели желание модернизировать данный не стандарт ucoz
Приступим к установке, все просто копируем код и заменяем стандартную форму, ширина самой формы статическая в 185 px на многих сайтах ширина блока меньше по этому если превышает внизу написано как уменьшить в 3 настройках размеров и сам тип шрифта.
сам пример смотрим на скрине, цвет кнопок в коде голубой с тематикой Вконтакте, на скрине вышла черно белым так как windows цвета не передаются, сам пример живой формы можно смотреть на нашем тестовом сайте

Установка:
Вставляем в место стандартной формы $LOGIN_FORM$
Внимание:Распространенная ошибка пользователей нашего сайта ucozon.ru в том что оставляют несколько форм на одной странице, что нарушает работу, рабочей версией остается та форма которая выше по коду страницы, по этому не советуем оставлять несколько форм авторизации на сайте

Code
<?if($LOGIN_FORM$)?>
<script type="text/javascript">
sendFrm549687=function(){
  var o=$('#frmLg549687')[0],pos=_uGetOffset(o),o2=$('#blk549687')[0];
  document.body.insertBefore(o2,document.body.firstChild);
  $(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>');
  _uPostForm('frmLg549687',{type:'POST',url:'/index/sub/',error:function() {
  $('#blk549687').html('<div align="left" style="padding:10px;"><div class="myWinLoadSF" title="Невозможно выполнить запрос, попробуйте позже"></div></div>');
  _uWnd.alert('<div class="myWinError">Невозможно выполнить запрос, попробуйте позже</div>','',{w:250,h:90,tm:3000,pad:'15px'});
  setTimeout("$('#blk549687').css('display','none');",'1500');
  }
  });
}
</script>
<style>
#buttonLOGIN{background:#6386d0;border:1px solid #3358a5;padding:3px;margin-top:1px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN:hover{background:#7e9fe4;border:1px solid #3358a5;padding:3px;margin-top:1px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN:active{background:#4f72bd;border:1px solid #3358a5;padding:3px;margin-top:1px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN1{background:#6386d0;border:1px solid #3358a5;padding:2px;margin-top:0px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN1:hover{background:#7e9fe4;border:1px solid #3358a5;padding:2px;margin-top:0px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
fieldset {border:1px solid #a3bae9; padding:2px 5px; margin-bottom:3px;}
.loginField {font-size:11px;color:#999;text-decoration:none;}
.remsiteRega {display:none}
</style>
<fieldset style="width: 185px;">
<div id="blk549687" style="border: 1px solid rgb(204, 204, 204); position: absolute; z-index: 82; background: url("http://s44.ucoz.net/img/fr/g.gif") repeat scroll 0% 0% transparent; display: none;"></div><form id="frmLg549687" action="/index/sub/" method="post" style="margin: 0pt;" onsubmit="sendFrm549687();return false;">
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tbody><tr><td><input class="loginField" name="user" onblur="if (value == '') {value = 'Ваш Login на ucozon.ru'}" onfocus="if (value == 'Ваш Login на ucozon.ru') {value =''}" value="Ваш Login на ucozon.ru" size="20" style="width: 100%;" maxlength="50" type="text"></td></tr>
<tr><td><input class="loginField" name="password" size="20" style="width: 100%;" maxlength="15" type="password" onblur="if (value == '') {value = 'Пароль'}" onfocus="if (value == 'Пароль') {value =''}" value="Пароль"></td></tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tbody><tr><div class="remsiteRega"><input id="remsitePage1" name="rem" value="1" checked="checked" type="checkbox"><label for="remsitePage1"></label></div>
<td><input id="buttonLOGIN1" class="loginButton" name="sbm" value="Вход" type="submit"></td>
<td><a id="buttonLOGIN" href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Вспомнить</a></td>
<td><a id="buttonLOGIN" href="$REGISTER_LINK$">Регистрация</a></td>
</tr>
</tbody></table>
<input name="a" value="2" type="hidden"><input name="ajax" value="1" type="hidden"><input name="rnd" value="687" type="hidden"></form>
</fieldset><?endif?>

Настройка размеров через
size="20" настройка размеров ввода логина и пароля по длине
<fieldset style="width: 185px;"> размер рамки вокруг формы
Будут еще обновления версии формы и вы их сможете увидеть на нашем саййте ucozon
автор: mdbaner
сайт автора: www.ucozon.ru
Внимание: при копирование материала ссылка на сайт автора клик-кабельная обязательна http://ucozon.ru , в противном случае на ваш сайт будет подана жалоба по статье:
2.3. При цитировании материалов Сайта, включая охраняемые авторские произведения, ссылка на Сайт обязательна (подпункт 1 пункта 1 статьи 1274 Г.К РФ).
Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 4289 | Комментарии: 3 | Рейтинг: 5.0/4 | |Категория: Скрипты блоки и шапки | Добавил: mdbaner | Дата: 18.02.2011 | Скачали: 0 | Теги: ucoZon, входа, Форма, стандартная, новая
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 3
-1   Спам
3 ivan71reg   Дата: 18.02.2011  Время: 20:48   [№ 6645]
сипматично

-4   Спам
1 makcim19997   Дата: 18.02.2011  Время: 20:46   [№ 6643]
красиво смотриться

-3   Спам
2 ivan71reg   Дата: 18.02.2011  Время: 20:48   1 [№ 6644]
у тебя весь твой сайт кривой.


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

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


Поиск


На форуме

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