Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Новый вид формы входа для uCoz
19.11.2018
Новый вид формы входа для uCoz
  • 507 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Красивый вид формы входа пользователей для uCoz. Выполнена форма входа в синем стиле подойдёт для сайтов с синим дизайном.

Установка:

1. Там где хотим видеть форму входу ставим:

Код
$LOGIN_FORM$


2. Идём ПУ - Пользователи - Форма входа пользователей:

Код
<div style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s49.ucoz.net/img/fr/g.gif');display:none;"></div><form action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549479();return false;">
<table cellpadding="0" cellspacing="0" width="100%" class="input-table"><tbody><tr><td width="32" class="icon i-login"></td><td width="100%" style="background:url('http://7old.ru/ucoz-files/1/input-r.png') 100% 100% no-repeat;"><input type="text" class="login" maxlength="50" name="user" value="Логин" title="Логин" onfocus="if(this.value==this.title){this.value='';}" onblur="if(this.value==''){this.value=this.title;}"></td></tr></tbody></table>
<table cellpadding="0" cellspacing="0" width="100%" class="input-table"><tbody><tr><td width="32" class="icon i-pass"></td><td width="100%" style="background:url('http://7old.ru/ucoz-files/1/input-r.png') 100% 100% no-repeat;"><input type="password" class="password" name="password" maxlength="15" value="Пароль" title="Пароль" onfocus="if(this.value==this.title){this.value='';}" onblur="if(this.value==''){this.value=this.title;}"></td></tr></tbody></table>
<table cellpadding="0" cellspacing="0" width="100%" style="padding:2px;"><tbody><tr><td width="100%" class="login-link"><a href="$REGISTER_LINK$">Зарегистрироваться</a></td><td width="75" rowspan="2"><div class="login-button" onclick="eval($(this).parents('form').attr('onsubmit').slice(0, $(this).parents('form').attr('onsubmit').indexOf('return')));"><div>Войти</div></div></td></tr><tr><td width="100%" class="login-link"><a href="$REMINDER_LINK$">Восстановить пароль</a></td></tr></tbody></table>
<input type="hidden" name="a" value="2"><input type="hidden" name="ajax" value="1"><input type="hidden" name="rnd" value="479"></form>


3. Идём в CSS и вставляем:

Код
.input-table {padding-bottom:3px;background:url('http://7old.ru/ucoz-files/1/input-bg.png') repeat-x;}
  .login, .password {height:14px;font-size:12px;border:0;padding:0;margin:0;width:99%;color:#1F4B6B;}
  .icon {padding:0;background:url('http://7old.ru/ucoz-files/1/login.png') no-repeat;height:23px;width:32px;min-width:32px;}
  .i-login {background-position:0% 0%;}
  .i-pass {background-position:100% 100%;}
  .login-button {cursor:pointer;width:68px;height:21px;background:url('http://7old.ru/ucoz-files/1/button.png');background-color:#819CB0;}
  .login-button:hover {background-color:#5F92B7;}
  .login-button div {text-align:center;padding-top:3px;color:#fff;text-shadow: 2px 2px 1px #475E6D;}
  .login-link {font-size:10px;color:#3A5263;cursor:pointer;}


На этом всё.
Новый вид формы входа для uCoz" title="Скачать Новый вид формы входа для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7OLD.RU
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]