Новая форма входа для uСoz. Основной особенностью данной формы входа, является графические надписи логин и почтовый ящик, а также графическая кнопка входа, которая расположена с право web-форм.

Установка:
- создаём одну основную ячейку div (id="forma_vxoda")
- помещаем в неё три ячейки div, которые будут отвечать, за web-поля, кнопку входа и регистрация
- в третью ячейку (id="vxod-3") устанавливаем две ячейки div в которой находиться ссылка на регистрацию и функция запомнить

Code

<div id="forma_vxoda">
  <div id="vxod-1">
  <input class="login_email" value="" onclick="this.className='web_os'" type="text" name="user" size="20" maxlength="50" />
  <input class="login_pass" value="" onclick="this.className='web_os'" type="password" name="password" size="20" maxlength="15" />
  </div>
  <div id="vxod-2"><input class="login_knopka" name="sbm" type="submit" value=""/></div>
  <div id="vxod-3">
  <div id="vxod-4"><a href="#">Забыл пароль</a> | <a href="#">Регистрация</a></div>
  <div id="vxod-5"><label for="rem$PAGE_ID$"></label><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/></div>
  </div>
</div>

В CSS:

Code

/* ФОРМА ВХОДА
===================================================*/

#forma_vxoda {
  overflow: hidden;
  width:250px;
  margin: 10px 0px;
}

#vxod-1 {
  float:left;
  width:210px;
}

#vxod-2 {
  float:left;
  width:40px;
}

#vxod-3 {
  float:left;
  width:100%;
}

#vxod-4 {
  float:left;
  padding-left: 22px;

}
#vxod-5 {
  float:right;
  padding-right: 6px;
}

#vxod-4,
#vxod-5 {
  font:11px Verdana,Arial,Helvetica, sans-serif;
}

.web_os,
.login_pass,
.login_email {
  font:11px Verdana,Arial,Helvetica, sans-serif; color:#555;
  width:198px;
  border:1px solid #bebebe;
  margin: 0px 0px 12px 0px;
  background:#fff;
  padding: 5px 5px 5px 5px;
}

.login_email {
  background: url('fon_login_email.png') no-repeat center #fff;
}

.login_pass {
  background: url('fon_login_pass.png') no-repeat center #fff;
}

.login_knopka {
  width:30px;
  height:62px;
  border: 0;
  background: url('fon_login_knopka.png') no-repeat top;
  margin-left: 10px;
}
/* =================================================*/

Примечание:

Данная форма входа, версталась под DOCTYPE 1.1

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">

- под другой DOCTYPE я не тестировал данный код, если кто установил форму входа, с другим DOCTYPE и внёс в него улучшения, напиши об этом в комментариях

- при отсутствии DOCTYPE вообще, форма входа смотриться иначе только в браузере Internet Explorer 8 (это и понятно)

Скачать файл

Пожаловаться на файл

Теги:

скрипты для uCoz, uСoz, новая, форма, входа, для

Категория: Скрипты для ucoz

Добавил: mega18

Загрузок: 70

Вы сейчас просматриваете Новая форма входа для uСoz. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Новая форма входа для uСoz нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Новая форма входа для uСoz и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.

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

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