Красивая форма регистрации для uCoz


Красивая форма регистрации для uCoz

7882
7.6 из 10
Проголосовало: 8






Форма регистрации, для локальных пользователей и для сайтов, в системе uCoz.

Установка:
Заходим в админ панель Дизайн => Управление дизайном => Страница регистрации пользователей
удаляем от туда свой код и устанавливаем следующий:
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">  
  <head>  
  <title>Страница регистрации - $SITE_NAME$</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  <link rel="stylesheet" href="style.css" type="text/css" />  
   
  </head>  
  <body>  
   
  <!-- Начало тегов основной каркас -->  
  <div id="container">  
  <div id="container_reg">Регистрация</div>  
  <div id="container_os">  
  $BODY$  
  </div>  
  <div id="container_by" class="transparency">$POWERED_BY$</div>  
  </div>  
  <!-- /Конец тегов основной каркас -->  
  </body>  
  </html>


Теперь заходим Дизайн => Управление дизайном => Форма регистрации пользователей
удаляем от туда свой код и устанавливаем следующий:
Code
<div class="reg_error"><span class="red t_center">$ERROR$</span></div>  
  <div class="reg_title">Логин:</div><div class="reg_input"><input type="text" class="man_reg" name="user" value="" size="20" maxlength="25" /></div>  
  <div class="reg_otstup"></div>  
  <div class="reg_title">Пароль:</div><div class="reg_input"><input type="password" class="man_reg" name="password" size="20" maxlength="15" /></div>  
  <div class="reg_otstup"></div>  
  <div class="reg_title_2">Подтверждение пароля:</div><div class="reg_input"><input type="password" class="man_reg" name="password1" size="20" maxlength="15" /></div>  
  <div class="reg_otstup"></div>  
  <div class="reg_title">E-mail адрес:</div><div class="reg_input"><input type="text" class="man_reg" name="email" size="20" value="" maxlength="60" onchange="_uWnd.alert('Проверьте правильность вашего Email адреса, на этот адрес будет выслано письмо с кодом подтверждения. Если не подтвердить email, то любая активность, для которой используется электронная почта, будет заблокирована для вас.','',{w:250,h:100,tm:5000});" /></div>  
  <div class="reg_otstup"></div>  
  <div class="reg_title">Полное имя:</div><div class="reg_input"><input type="text" class="man_reg" name="name" size="20" value="" maxlength="35" /></div>  
  <div class="reg_otstup"></div>  
  <div class="reg_title">Код:</div><div class="reg_input">$SECURITY_CODE_FL$</div>  
  <div class="reg_otstup"></div>  
  <div class="reg_knopka"><input class="knopka_reg" type="submit" name="sbm" value="$SUBMIT_SIGN$" /></div>


и устанавливаем CSS стили
Code
/*  
  © Сenter-dm.ru, 2011  
  Author: center-dm.ru@yandex.ru  
  Author URI: http://www.сenter-dm.ru  
  */  
   
  body {margin: 0 auto; padding: 0; width: 100%; height: 100%; background: url('http://www.center-dm.ru/fon_reg.png') no-repeat top center #E8ECED;}  
  body,  
  td {font:11px Verdana,Arial,Helvetica, sans-serif; color:#555;}  
   
   
  a {text-decoration:none; outline: none;}  
  a:link {text-decoration:none; color:#2C68A6;}  
  a:visited {text-decoration:none; color:#2C68A6;}  
  a:hover {text-decoration:none; color:#60a62c;}  
  /* =================================*/  
   
  /* ОСНОВНОЙ КАРКАС  
  = =================================*/  
  #container {margin: 0px auto; width:500px; height:100%;}  
  #container_os {margin: 0px 0px 0px 0px; background: #f6f6f6; border:1px solid #D2D1D3;}  
   
  /* Закруглённые углы  
  ----------------------------------------------*/  
  .knopka_reg,  
  .man_reg,  
  #fCode,  
  #container_os {  
  border-radius:6px;  
  -webkit-border-radius:6px;  
  -moz-border-radius:5px;  
  -khtml-border-radius:10px;  
  }  
  /* -------------------------------------------*/  
   
  /* Внутренний каркас  
  ----------------------------------------------*/  
  #container_reg {  
  margin: 80px 5px 0px 0px;  
  text-align:right;  
  font: 145%/1.5 Verdana,Arial,Helvetica, sans-serif; color:#888;  
  font-weight: bold;  
  text-shadow: 1px 1px 1px #fff;  
  }  
   
  .reg_error {  
  text-align:center;  
  font:12px Verdana,Arial,Helvetica, sans-serif; color:#cf0607; font-weight: bold;  
  padding: 10px 0px 0px 0px;  
  }  
   
  .reg_title {  
  width:150px;  
  padding: 16px 0px 10px 0px;  
  }  
   
  .reg_input {  
  width:328px;  
  padding: 10px 20px 10px 0px;  
  }  
   
  .reg_title_2 {  
  width:150px;  
  padding: 10px 0px 10px 0px;  
  }  
   
  .reg_title_2,  
  .reg_title,  
  .reg_input {  
  float:left;  
  text-align:right;  
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  color:#888;  
  font-weight: bold;  
  text-shadow: 1px 1px 1px #fff;  
  }  
   
  .man_reg {  
  font:12px Verdana,Arial,Helvetica, sans-serif; color:#555;  
  width:290px;  
  background: #fff;  
  border:1px solid #b3b3b3;  
  padding: 6px 10px 6px 10px;  
  }  
   
  .reg_otstup {  
  width:100%;  
  height:0px;  
  border-top: 1px solid #D2D1D3;  
  border-bottom: 1px solid #fff;  
  clear:left;  
  }  
   
  #fCode {  
  font:12px Verdana,Arial,Helvetica, sans-serif; color:#555;  
  width:105px;  
  background: #fff;  
  border:1px solid #b3b3b3;  
  padding: 7px 10px 11px 10px;  
  margin-right: 5px;  
  }  
   
  #container_by {  
  text-align:right;  
  padding: 5px 0px 5px 0px;  
  }  
  /* -------------------------------------------*/  
   
  /* Кнопка регистрации  
  ----------------------------------------------*/  
  .reg_knopka {  
  text-align:right;  
  width:475px;  
  clear:left;  
  padding: 10px 20px 30px 0px;  
  }  
   
  .knopka_reg {  
  background: #F6F6F6;  
  background: -moz-linear-gradient(top, #fff, #F6F6F6);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#F6F6F6));  
  }  
   
  .knopka_reg:hover {  
  background: #fff;  
  border:1px solid #D2D1D3;  
  }  
   
  .knopka_reg,  
  .knopka_reg:hover {  
  text-align:center;  
  font:12px Verdana,Arial,Helvetica, sans-serif; color:#777; font-weight: bold;  
  width:310px;  
  padding: 5px 0px 5px 0px;  
  border:1px solid #D2D1D3;  
  }  
  /* -------------------------------------------*/  
   
  /* Прозрачность  
  ----------------------------------------------*/  
  .transparency a img {  
  opacity:0.3;  
  -moz-opacity:0.3;  
  filter:alpha(opacity=40);  
  }  
   
  .transparency a:hover img {  
  opacity:1.0;  
  -moz-opacity:1.0;  
  filter:alpha(opacity=100);  
  }  
  /* -------------------------------------------*/  
  /* =================================*/


Примечание:
- данная форма регистрации, версталась под DOCTYPE 1.1
- для сайта с отключённым админ баром
- для регистрации локальных пользователей, а не uNet
Автор публикации: Загрузка
Загрузка
Ka3aHTuI7, это его n материал
  • Всего комментариев: 3

Arhangel2873
0
Arhangel2873 написал: Написано 01 Февраля 2014 в 17:29
Комментарий №3
и еще один вопрос, что бы ее зафиксиовать по центу нужно ли пописывать команду fixed?

Arhangel2873
0
Arhangel2873 написал: Написано 31 Января 2014 в 23:21
Комментарий №1
Автору отдельное спасибо) Но есть один вопрос не подскажешь где тут в коде можно изменить задний фон?

Goodmind
0
Goodmind написал: Написано 01 Февраля 2014 в 12:49
Комментарий №2
Код
body {margin: 0 auto; padding: 0; width: 100%; height: 100%; background: url('http://www.center-dm.ru/fon_reg.png') no-repeat top center #E8ECED;}  

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 9
    Гостей: 8
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: