Информер №1
Информер №1

Добро пожалават на Pro100xp.3dn.ru

Скачай себе обои на рабочий стол

Главная » Файлы » UcoZ » Скрипты для Ucoz

Светлая форма входа для uCoz
12.10.2011, 15:39


Новая форма входа для Ucoz в светлых тонах
Скрипт формы входа использует красивую кнопку "Вход", необычные поля, а
именно содержимое полей. Форма входа впишется под любой дизаин
.
Установка формы входа ucoz:

1) Вставляем скрипт в Панель управления ->Управление дизайном ->Форма входа пользователей:

Code
<div id="forma_vxoda">  
<div id="vxod-1">  
<input class="login_email" value="" onclick="this.className='web_os'" name="user" size="20" maxlength="50" type="text">  
<input class="login_pass" value="" onclick="this.className='web_os'" name="password" size="20" maxlength="15" type="password">  
</div>  
<div id="vxod-2"><input class="login_knopka" name="sbm" value="" type="submit"></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$" name="rem" value="1" checked="checked" type="checkbox"></div>  
</div>  
  </div>


2) В ваш CSS: П.У - Дизайн - Управлениие дизайном (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('http://wallaby.ucoz.ru/vxod/fon_login_email.png') no-repeat center #fff;  
  }  

  .login_pass {  
  background: url('http://wallaby.ucoz.ru/vxod/fon_login_pass.png') no-repeat center #fff;  
  }  

  .login_knopka {  
  width:30px;  
  height:62px;  
  border: 0;  
  background: url('http://wallaby.ucoz.ru/vxod/fon_login_knopka.png') no-repeat top;  
  margin-left: 10px;  
  }  
  /* =================================================*/
3. Туда где ходим видеть форму входа для ucoz:
Например, П.У - Дизайн - Управление дизайном - Первый или второй блок.

Code
<?if($LOGIN_FORM$)?><div id="forma_vxoda">$LOGIN_FORM$</div><?endif?>
Категория: Скрипты для Ucoz | Добавил: Alisher | Теги: новая форма входа для uCoz
Просмотров: 16271 | Загрузок: 0 | Комментарии: 31 | Рейтинг: 0.0/0
Всего комментариев: 3
3 Amber@coalo  
0
SUPER ONLINE SEX GAME!!! http://goo.gl/m9FJ1h

2 Michaelfigh  
0
Tin Nhanh 4 Phut

1 Michaelfigh  
0
Tin Nhanh 4 Phut

Имя *:
Email *:
Код *:
///

Тэги

Нужный софт

Реклама

Календарь

Опросы

Как вы попали к нам?
Всего ответов: 33

Статистика
Pro100Xp.3dn.ru
Хостинг от uCoz