Главная » 2013 » Июнь » 1 » Красная форма регистрации (Скрипты для ucoz)
01.06.2013, 20:55

Красная форма регистрации



Страница регистрации пользователей:

Код
<!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 type="text/css" rel="StyleSheet" href="/_st/my.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>


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

Код
<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)

Код
/*  
© hoster-saitov, 2013  
Author: hoster-saitov@mail.ru  
Author URI: http://hosting-saitov.at.ua/  
*/  

body {margin: 0 auto; padding: 0; width: 100%; height: 100%; background: url('') no-repeat top center #FF0000;}  
body,  
td {font:11px Verdana,Arial,Helvetica, sans-serif; color:#000000;}  

a {text-decoration:none; outline: none;}  
a:link {text-decoration:none; color:#000000;}  
a:visited {text-decoration:none; color:#000000;}  
a:hover {text-decoration:none; color:#000000;}  
/* =================================*/  

/* ОСНОВНОЙ КАРКАС  
= =================================*/  
#container {margin: 0px auto; width:500px; height:100%;}  
#container_os {margin: 0px 0px 0px 0px; background: #FFFFFF; border:1px solid #000000;}  

/* Закруглённые углы  
----------------------------------------------*/  
.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:#000000;  
font-weight: bold;  
text-shadow: 1px 1px 1px #FFFFFF;  
}  

.reg_error {  
text-align:center;  
font:12px Verdana,Arial,Helvetica, sans-serif; color:#000000; 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 #FFFFFF;  
}  

.man_reg {  
font:12px Verdana,Arial,Helvetica, sans-serif; color:#000000;  
width:290px;  
background: #FFFFFF;  
border:1px solid #000000;  
padding: 6px 10px 6px 10px;  
}  

.reg_otstup {  
width:100%;  
height:0px;  
border-top: 1px solid #000000;  
border-bottom: 1px solid #FFFFFF;  
clear:left;  
}  

#fCode {  
font:12px Verdana,Arial,Helvetica, sans-serif; color:#000000;  
width:105px;  
background: #FFFFFF;  
border:1px solid #000000;  
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: #000000;  
background: -moz-linear-gradient(top, #FFFFFF, #000000);  
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#000000));  
}  

.knopka_reg:hover {  
background: #FFFFFF;  
border:1px solid #000000;  
}  

.knopka_reg,  
.knopka_reg:hover {  
text-align:center;  
font:12px Verdana,Arial,Helvetica, sans-serif; color:#000000; font-weight: bold;  
width:310px;  
padding: 5px 0px 5px 0px;  
border:1px solid #FFFFFF;  
}  
/* -------------------------------------------*/  

/* Прозрачность  
----------------------------------------------*/  
.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);  
}  
/* -------------------------------------------*/  
/* =================================*/
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: hoster-saitov
Категория: Скрипты uCoz | Просмотров: 899 | Добавил: hoster-saitov | Рейтинг: 2.5/2 |
Всего комментариев: 4
0  
1 sold93 -Infoscript Team-  (01.06.2013 21:03) [Материал]
Аватар пользователя
dry лучше всего CSS залить в отдельный файл и прикрепить его на страницу

0  
2 hoster-saitov   (01.06.2013 21:05) [Материал]
Аватар пользователя
Ну уж как оформил, пусть так и будет happy

0  
3 sold93 -Infoscript Team-  (01.06.2013 21:36) [Материал]
Аватар пользователя
а зря. dry

0  
4 hoster-saitov   (01.06.2013 21:46) [Материал]
Аватар пользователя
Если хотите уважаемый человек, то измените, я не против-делайте как лучше для ваших посетителей happy

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