Новая форма регистрации - Скрипты Разное Ucoz - Для uCoz - Каталог файлов - Web-Portal Все для Ucoz, все для WordPress, все для Joomla, все для DLE, Скрипты PHP, Иконок для windows и web, Soft, модули для Joomla, модули WordPress, плагины для WordPress, плагины Joomla, модули для DLE

Главная » Файлы » Для uCoz » Скрипты Разное Ucoz

Новая форма регистрации

25.10.2011, 19:44

Новая форма регистрации 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"><?if($ERROR$)?><span class="red t_center">$ERROR$</span><?endif?></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);
  }
  /* -------------------------------------------*/
  /* =================================*/

Категория: Скрипты Разное Ucoz | Добавил: Jeep | Теги: |

Просмотров: 439 | Загрузок: 52 | Жаловаться на материал | Рейтинг: 5.0/6

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

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

Jeep 1	Admin 2	rollexx_09 3
basted 4	Aninew 5	startsmart 6
kde 7	oreon-r 8	AlexUstas 9

Надя 1	coenigsegg24 2	zuka 3
XemorDio 4	fanatikReus 5	freez12332 6
jebir12 7	Crazy_duda(154rus) 8	administratori 9

Клипы онлайн

Шаблон

Скрипты

Иконки для Ucoz

Soft

Облоко тегов

Доска почета

Новые участники

Мини - чат

Статистика

Новое на форуме

Новые комментарии

Наш баннер

Наши друзья

Опрос

Добавить ваш URL

Наши спонсоры

Название : Для того чтобы начать ЗАРАБАТЫВАТЬ ДЕНЬГИ

Название : Замена стандартных иконок на форуме в описании темы

Название : Модуль Мониторинга Игровых Серверов для Dle

Название : Набор персонала