Навигатор

Шаблоны для Joomla
Шаблоны для uCoz
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [15]
форма входа для ucoz
Переключатели для ucoz [9]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Интересное
Мини профиль + Форма входа
Рейтинг: 59710
Красивое горизонтальное меню для ucoz
Рейтинг: 51511
Мини-чат для ucoz
Рейтинг: 45871
Скрипт мониторинга cs серверов
Рейтинг: 41329
Слайдер новостей для uCoz
Рейтинг: 18600

Форма входа для ucoz new

Форма входа для ucoz new
Новая форма входа. Отличная замена стандартной форме входа с небрежными полями. С помощью css можно легко настроить расстояние между полями, а так же саму ширину полей под свой дизаин.
Установка HTML:

Дизайн => Управление дизайном =>Пользователи => Форма входа пользователей
 и заменить стандартный html код формы входа для uCoz., на следующий код:

Code
<div id="cell_vxod">  
  <div class="cell_pola_vxod"><div class="vxod_name">Логин:</div><input class="login_pole" type="text" name="user" value="" size="20" maxlength="50"/></div>  
  <div class="cell_pola_vxod"><div class="vxod_name">Пароль:</div><input class="login_pole" type="password" name="password" size="20" maxlength="15"/></div>  
  <div id="vxod_reg">  
  <a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a>  
  <span class="right"><input class="south" title="Сохранить пароль при входе"id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$"></label></span>  
  </div>  
  <div id="cell_knopkav"><input class="knopka_vxoda" name="sbm" type="submit" value="Вход"/></div>  
  </div>
Установка CSS:
Code
/* Форма входа  
  ------------------------------------------*/  
  #cell_vxod {  
  float:left;  
  width:270px;  
  }  

  #cell_vxod a:link,  
  #cell_vxod a:visited {text-decoration:none; color:#5a79b8;}  
  #cell_vxod a:hover {text-decoration:none; color:#5cb85a;}  

  #vxod_reg {  
  float:left;  
  font:10px Verdana,Arial,Helvetica, sans-serif;  
  color:#BABABA;  
  font-weight: bold;  
  width:212px;  
  padding: 5px 5px 0px 0px;  
  }  

  #cell_knopkav {  
  float:left;  
  width:53px;  
  }  

  .cell_pola_vxod {  
  float:left;  
  margin-bottom: 10px;  
  }  

  .vxod_name {  
  width:55px; text-shadow: 1px 1px 1px #fff;  
  background:#d6d6d6;  
  border-right: none;  
  border-left: 1px solid #d6d6d6;  
  padding: 5px 0px 5px 5px;  
  }  

  .login_pole {  
  width:193px;  
  border-left: none;  
  border-right: 1px solid #d6d6d6;  
  padding: 5px 5px 5px 10px;  
  vertical-align:middle;  
  }  

  .login_pole,  
  .vxod_name {  
  float:left;  
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  color:#555;  
  border-top: 1px solid #d6d6d6;  
  border-bottom: 1px solid #d6d6d6;  
  margin:0px;  
  }  

  .login_pole {background: #f6f6f6 url(https://wallaby.ucoz.ru/images33/fon_ugol_pola_White.gif) no-repeat left;}  
  .login_pole:focus {background: #fff url(https://wallaby.ucoz.ru/images33/fon_ugol_pola_White.gif) no-repeat left;}  

  .knopka_vxoda {  
  color:#555; text-shadow: 1px 1px 1px #fff;  
  padding: 3px 0px;  
  width:53px;  
  background: #f6f6f6;  
  border:1px solid #d6d6d6;  
  margin:0px;  
  }  

  .knopka_vxoda:hover {  
  background: #d6d6d6;  
  }  
  /* -------------------------------------- */
Категория Форма входа для ucoz | Добавил: Wallaby | Просмотров: 18709 |

Комментарии отсутствуют

по актуальности
Чтобы оставить комментарий, необходимо или