На главную Форум Вход Регистрация
Фома регистрации ucoz - Форум чат общение
ПОПУЛЯРНЫЕ ТЕМЫ
[Игра] 15 +
Оставлено 179 сообщений в теме
досчитай до 100
Оставлено 99 сообщений в теме
Как разыграть друга в в...
Оставлено 72 сообщений в теме
[Игра] Города
Оставлено 68 сообщений в теме
Сигны в формате psd
Оставлено 45 сообщений в теме
[Игра] Поставить + выше...
Оставлено 44 сообщений в теме
Раздача WMB
Оставлено 41 сообщений в теме
 

Страница 1 из 11
Форум чат общение » Центр помощи по развитию web ресурсов » Пользователи » Фома регистрации ucoz (Красивая)
Фома регистрации ucoz
Support@NC
Дата: Среда, 25.01.2012, 17:15 | Сообщение # 1
NN-CS.3DN.Ru Агент
Администратор
Сообщений: 0
Репутация: 54
Награды: 8


Установка:

Заходим в админ панель Дизайн => Управление дизайном => Страница регистрации пользователей
удаляем от туда свой код и устанавливаем следующий:
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
/*     
   © NN-CS.3dn.ru, 2011     
   Author: center-dm.ru@yandex.ru       
   Author URI: NN-CS.3dn.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


Служба поддержки NN-CS.3DN.Ru Агент
Форум чат общение » Центр помощи по развитию web ресурсов » Пользователи » Фома регистрации ucoz (Красивая)
Страница 1 из 11
Поиск:

Как писать сообщения и создавать свои темы на форуме?

Вверх