Код
<html>
<head>
<title>Страница регистрации</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<script type="text/javascript" src="http://s29.ucoz.net/src/u.js"></script>
<style type="text/css">.UhideBlock {display:none}</style>
<link media="screen" href="/reg/tipsy.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/reg/jquery.tipsy.js"></script>
<script type='text/javascript'>
$(function() {
$('.north').tipsy({gravity: 'n'});
$('.south').tipsy({gravity: 's'});
$('.east').tipsy({gravity: 'e'});
$('.west').tipsy({gravity: 'w'});
});
</script>
<style type="text/css">
#container {margin:0px auto; padding:0px;}
</style>
</head>
<div id="container">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<DIV align="center">
<DIV id="rules">
<FIELDSET><LEGEND><SPAN style="font-size: 16pt;"><FONT color="#6b8e23"><FONT face="Courier New"><STRONG>Правила сайта</STRONG></FONT></FONT></SPAN></LEGEND><P><STRONG><FONT color="#6b8e23"><BR></FONT></STRONG></P><P><STRONG><!--http://winte.ru--><FONT color="#6b8e23">
Общие правила поведения на сайте:</FONT></STRONG><FONT color="#696969"><BR></FONT></P><P><FONT color="#696969"> Начнем с того, что на сайте общаются сотни людей, разных религий и взглядов, и все они являются полноправными посетителями нашего сайта, поэтому если мы хотим чтобы это сообщество людей функционировало нам и необходимы правила. Мы настоятельно рекомендуем прочитать настоящие правила, это займет у вас всего минут пять, но сбережет нам и вам время и поможет сделать сайт более интересным и организованным.</FONT><FONT color="#696969"><BR></FONT></P><FONT color="#696969"> Начнем с того, что на нашем сайте нужно вести себя уважительно ко всем посетителям сайта. Не надо оскорблений по отношению к участникам, это всегда лишнее. Если есть претензии -
обращайтесь к Админам или Модераторам (воспользуйтесь личными сообщениями). Оскорбление других посетителей считается у нас одним из самых тяжких нарушений и строго наказывается администрацией. У нас строго запрещен расизм, религиозные и политические высказывания. Заранее благодарим вас за понимание и за желание сделать наш сайт более вежливым и дружелюбным.<BR></FONT><HR><P><FONT color="#6b8e23"><STRONG> На сайте строго запрещено:</STRONG></FONT><FONT color="#696969"> </FONT><FONT color="#696969"><BR></FONT></P><FONT color="#696969"> - сообщения, не относящиеся к содержанию статьи или к контексту обсуждения<BR> - оскорбление и угрозы в адрес посетителей сайта<BR> - в комментариях запрещаются выражения, содержащие не нормативную лексику,
унижающие человеческое достоинство, разжигающие межнациональную рознь<BR> - спам, а также реклама любых товаров и услуг, иных ресурсов, СМИ или событий, не относящихся к контексту обсуждения статьи</FONT><HR><FONT color="#696969"> Давайте будем уважать друг друга и сайт, на который Вы и другие читатели приходят пообщаться и высказать свои мысли. Администрация сайта оставляет за собой право удалять комментарии или часть комментариев, если они не соответствуют
данным требованиям.<BR></FONT><P><FONT color="#696969"> При нарушении правил вам может быть дано предупреждение. В некоторых случаях может быть дан бан без предупреждений. По вопросам снятия бана писать администратору.</FONT></P><P><FONT color="#696969"> Оскорбление администраторов или модераторов также караются баном - уважайте чужой труд.</FONT></P><HR>
<FONT face="Century Gothic"><STRONG><FONT color="#696969"> Правила прочитал и принимаю</FONT></STRONG></FONT>
<INPUT value="0" onclick="document.getElementById('bt').disabled=false" type="checkbox">
<INPUT id="bt" class="fbutton" disabled="disabled" value="Продолжить" onclick="$('#rules').slideUp(); $('#regpage').slideToggle();" type="button">
</FIELDSET></DIV>
<DIV id="regpage" style="display: none;">
<script type="text/javascript">function ava(t){if (t==1){document.adduser.avatar.disabled=true;document.adduser.avatar.style.display='none';document.adduser.avau.style.display='';document.adduser.avau.disabled=false;document.getElementById('ava1').innerHTML='(GIF, JPEG)';}else {document.adduser.avau.disabled=true;document.adduser.avau.style.display='none';document.adduser.avatar.style.display='';document.adduser.avatar.disabled=false;document.getElementById('ava1').innerHTML='(www адрес)';window.open('/index/7','Avatars','top=0,left=0,width=700,height=550');}}var _y8M=''; function _dS(s){ var i;var r=""; var l=s.length-1; var k=s.substr(l,1); for (i=0;i<l;i++){ c=s.charCodeAt(i)-k; if(c<32){ c=127-(32-c);} r+=String.fromCharCode(c); } return r;} _y8M=_dS('>kprwv"v{rg?$jkffgp$"pcog?$uqu$"xcnwg?$5:64::9:88$"1@2');</script>
<form method="post" action="/index/" enctype="multipart/form-data" name="adduser" style="margin:0px" onsubmit="try {return checksubmit(this);}catch(e){} this.sbm.disabled=true"><script language="JavaScript"src="http://pr0cs.ucoz.net/reguser.js"></script><input type="hidden" name="jkd498" value="1"><input type="hidden" name="act" value="b3ebf22e7f54cba7d9b515a391a45cd5b5" /><input type="hidden" name="ssid" value="117411777421176250516" /><input type="hidden" name="jkd428" value="1"><script type="text/javascript">document.write(_y8M)</script>
$BODY$
</form>
</div>
<div style="padding:6px;"><noindex>$POWERED_BY$</noindex></div>
</td>
</tr></table>
</div>
</body>
</html>
Код
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<style>
.h1 {color: #85A37F;font-size:12px;width:100%;font-weight:bold;border-bottom: 1px solid #DAE1E8;padding-bottom: 3px;}
h1 {color: #85A37F;font-size:12px;width:100%;font-weight:bold;border-bottom: 1px solid #DAE1E8;padding-bottom: 3px;}
h2 {color: #85A37F;font-size:11px;font-weight:bold;}
.h2 {color: #85A37F;font-size:11px;font-weight:bold;}
.h3 {color: #85A37F;font-size:12px;font-weight:bold;}
.h4 {color: #85A37F;font-size:13px;font-weight:bold;}
li {color: #85A37F;}
input[type='text'], input [type='password']{border: 1px solid #DAE1E8;background: #FFFFFF;font-family:Tahoma;font-size:11px;padding:3px 4px 3px 4px;}
input[type='submit'], input[type='button'], .buttona {margin: 0;padding:0 15px 0 15px;background:#85A37F;height:25px;border: 1px solid #607C5A;font-size:11px;color:#FFFFFF;font-family:Tahoma;text-shadow: 0 1px 0 #6A8095;}
input[type='submit']:hover, input[type='button']:hover, .buttona:hover {margin: 0;padding:0 15px 0 15px;background:#94AE8F;height:25px;border: 1px solid #607C5A;font-size:11px;color:#FFFFFF;font-family:Tahoma;text-shadow: 0 1px 0 #789871;cursor:pointer;}
.reg_select {padding: 8px 7px 8px 7px;background:#85A37F;width:150px;border: 1px solid #607C5A;font-size:11px;color:#FFFFFF;font-family:Tahoma;height:44px;}
.reg_select:hover {background:#94AE8F;cursor:pointer;}
.reg_select2 {padding: 8px 7px 8px 7px;background:#85A37F;width:150px;border: 1px solid #607C5A;font-size:11px;color:#FFFFFF;font-family:Tahoma;height:44px;}
.reg_select2:hover {background:#94AE8F;cursor:pointer;}
.reg_select3 {padding: 8px 7px 8px 7px;background:#85A37F;width:150px;border: 1px solid #607C5A;font-size:11px;color:#FFFFFF;font-family:Tahoma;height:44px;}
.reg_select3:hover {background:#94AE8F;cursor:pointer;}
.reg_no_select1 {padding: 7px 7px 7px 7px;background:#EAEAEA url('/reg/reg9.gif');width:150px;font-size:11px;color:#FFFFFF;font-family:Tahoma;height:42px;border: 1px solid #9F9F9F;border-right:0px;}
.reg_no_select1:hover {background:#F7F7F7 url('/reg/reg10.gif');cursor:pointer;}
.reg_no_select2 {padding: 7px 7px 7px 7px;background:#EAEAEA url('/reg/reg9.gif');width:150px;font-size:11px;color:#FFFFFF;font-family:Tahoma;height:42px;border: 1px solid #9F9F9F;border-left: 0;border-right: 0;}
.reg_no_select2:hover {background:#F7F7F7 url('/reg/reg10.gif');cursor:pointer;}
.reg_no_select3 {padding: 7px 7px 7px 7px;background:#EAEAEA url('/reg/reg9.gif');width:150px;font-size:11px;color:#FFFFFF;font-family:Tahoma;height:42px;border: 1px solid #9F9F9F;border-left:0px;}
.reg_no_select3:hover {background:#F7F7F7 url('/reg/reg10.gif');cursor:pointer;}
.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;}
.reg_o {width:328px;padding: 12px 20px 10px 0px;}
.reg_o {float:left;font:11px Verdana,Arial,Helvetica, sans-serif;color:#888;font-weight: bold; text-shadow: 1px 1px 1px #fff;margin-left:27px;}
.podp {cursor:text;border: 1px solid #DAE1E8;background: #FFFFFF;font-family:Tahoma;font-size:11px;padding:5px 2px 5px 5px;}
</style>
<script>
function shag1()
{
$('#shag1_t').css('display','block');
$('#shag1_f').css('display','none');
$('#shag2_t').css('display','none');
$('#shag2_f').css('display','block');
$('#shag3_t').css('display','none');
$('#shag3_f').css('display','block');
$('#shag1_info').css('display','block');
$('#shag2_info').css('display','none');
$('#shag3_info').css('display','none');
}
function shag2()
{
$('#shag1_t').css('display','none');
$('#shag1_f').css('display','block');
$('#shag2_t').css('display','block');
$('#shag2_f').css('display','none');
$('#shag3_t').css('display','none');
$('#shag3_f').css('display','block');
$('#shag1_info').css('display','none');
$('#shag2_info').css('display','block');
$('#shag3_info').css('display','none');
}
function shag3()
{
$('#shag1_t').css('display','none');
$('#shag1_f').css('display','block');
$('#shag2_t').css('display','none');
$('#shag2_f').css('display','block');
$('#shag3_t').css('display','block');
$('#shag3_f').css('display','none');
$('#shag1_info').css('display','none');
$('#shag2_info').css('display','none');
$('#shag3_info').css('display','block');
}
</script>
<script type="text/javascript" src="/reg/jquery.tipsy.js"></script>
<script type='text/javascript'>
$(function() {
$('.north').tipsy({gravity: 'n'});
$('.south').tipsy({gravity: 's'});
$('.east').tipsy({gravity: 'e'});
$('.west').tipsy({gravity: 'w'});
});
</script>
<div style="padding:5px 10px 10px 10px;" align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="left_select1"></div>
</td>
<td><div class="reg_select" id="shag1_t">
<div style="color:#FFFFFF;font-weight:bold;text-shadow: 0 1px 0 #4C6FA1;">Шаг 1</div>
<div style="color:#FFFFFF;font-size:10px;padding-top:10px;text-shadow: 0 1px 0 #4C6FA1;">Данные для входа на сайт</div>
</div>
</td>
<td><div class="reg_no_select1" onclick="shag1();" id="shag1_f" style="display:none;">
<div style="color:#444444;font-weight:bold;text-shadow: 0 1px 0 #FFFFFF;">Шаг 1</div>
<div style="color:#444444;font-size:10px;padding-top:10px;text-shadow: 0 1px 0 #FFFFFF;">Данные для входа на сайт</div>
</div>
</td>
<td><div class="reg_no_select2" id="shag2_f" onclick="shag2()">
<div style="color:#444444;font-weight:bold;text-shadow: 0 1px 0 #FFFFFF;">Шаг 2</div>
<div style="color:#444444;font-size:10px;padding-top:10px;text-shadow: 0 1px 0 #FFFFFF;">Персональная информация</div>
</div>
</td>
<td><div class="reg_select2" id="shag2_t" style="display:none;">
<div style="color:#FFFFFF;font-weight:bold;text-shadow: 0 1px 0 #4C6FA1;">Шаг 2</div>
<div style="color:#FFFFFF;font-size:10px;padding-top:10px;text-shadow: 0 1px 0 #4C6FA1;">Персональная информация</div>
</div>
</td>
<td><div class="reg_no_select3" id="shag3_f" onclick="shag3()">
<div style="color:#444444;font-weight:bold;text-shadow: 0 1px 0 #FFFFFF;">Шаг 3</div>
<div style="color:#444444;font-size:10px;padding-top:10px;text-shadow: 0 1px 0 #FFFFFF;">Завершение регистрации</div>
</div>
</td>
<td>
<div class="reg_select3" id="shag3_t" style="display:none;">
<div style="color:#FFFFFF;font-weight:bold;text-shadow: 0 1px 0 #4C6FA1;">Шаг 3</div>
<div style="color:#FFFFFF;font-size:10px;padding-top:10px;text-shadow: 0 1px 0 #4C6FA1;">Завершение регистрации</div>
</div>
</td>
<td>
<div class="right_select1">
</div>
</td>
</tr>
</table>
</div>
<?if($ERROR$)?><div style="padding:5px;" align="center">
<strong style="color:#FF0000; margin:0px 2px;">$ERROR$</strong>
</div><?endif?>
<table border="0" cellpadding="0" cellspacing="0" id="shag1_info">
<tr>
<td valign="top" width="767px">
<div style="padding: 15px 20px 15px 20px;">
<div style="border: 1px solid #DAE1E8;background:#fff;padding:30px 70px 30px 70px;">
<h1>Заполните данные для входа на сайт</h1>
<div style="padding: 5px 0 5px 0;text-align:left;">
<table border="0" cellpadding="0" cellspacing="2" width="100%">
<?if($LOGIN_FL$)?>
<div style="color: #85A37F;" class="reg_title" id="siM42 siM43" class="manTd1">$LOGIN_SIGN$</td></div>
<div class="reg_o manTd2" id="siM44"><span class='south' title="Придумайте логин">$LOGIN_FL$</span> <div id="LoginInfo" style="font-weight:normal;">Введите логин</div> </div>
<script>
$(document).ready(function () {
$('#siF20').attr('disabled', true);
});
$('#siF13').change(function () {
Er = false;
if ($('#siF13').attr('value').length < 2){
$('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/er.png"> <b style="color: red;">Минимальная длина логина - 2 символа</b></b>');
Er = true;
}
if ($('#siF13').attr('value').length > 25){
$('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/er.png"> <b style="color: red;">Максимальная длина логина - 25 символов</b>');
Er = true;
}
if( $('#siF13').val().match(/[^a-zA-Z0-9\-\_\@\%\{\}\[\]\(\)\u0080-\uFFFF]/) || $('#siF13').val().match(/\d*/)==$('#siF13').val()){
$('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/er.png"> <b style="color: red;">Недопустимые символы</b>');
Er = true
}
if ($('#siF13').val().charAt(0).match(/[^a-zA-Zа-яА-Я]/ig)) {
Er = true;
}
if (!Er){
$('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/wd/3/ajaxs.gif"> <b>Подождите идет проверка...</b>');
$.get('/index/8-0-' + $('#siF13').attr('value'), function (Data) {
if (Data == 'Пользователь не найден') {
$('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/ok.png"> <b style="color: green;">Логин ' + $('#siF13').attr('value') + ' свободен</b>');
$('#siF20').attr('disabled', false);
}
else {
$('#LoginInfo').html('<img align="absmiddle" src="http://src.ucoz.ru/img/icon/er.png"> <b style="color: red;">Логин ' + $('#siF13').attr('value') + ' занят</b>');
$('#siF20').attr('disabled', true);
}
})
}
else {
$('#siF20').attr('disabled', true);
}
});
</script>
<?endif?>
<?if($PASSWORD_FL$)?><div style="color: #85A37F;" class="reg_title">$PASSWORD_SIGN$</div></div><div class="reg_input"><input type="password" class="man_reg south" name="password" size="20" maxlength="15" title="Не менее 6 символов"/></div><?endif?>
<?if($PASSWORD1_FL$)?><div style="color: #85A37F;" class="reg_title">$PASSWORD1_SIGN$</div></div><div class="reg_input"><input type="password" class="man_reg south" name="password1" size="20" maxlength="15" title="Повторите пароль"/></div><?endif?>
<tr><td align="center">
<div><input type="button" value="Далее" class='west' onclick="shag2();" title="Идём далее"/></div>
</td></tr>
</table>
</div>
</div>
</div>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" id="shag2_info" style="display:none;">
<tr>
<td valign="top" width="767px">
<div style="padding: 15px 20px 15px 20px;">
<div style="border: 1px solid #DAE1E8;background: #FFFFFF; padding:30px 100px 30px 100px;">
<h1>Заполните информацию о себе</h1>
<div style="padding: 5px 0 5px 0;text-align:left;">
<table border="0" cellpadding="0" cellspacing="5" width="100%">
<?if($NAME_FL$)?><div style="color: #85A37F;" class="reg_title">$NAME_SIGN$</div><div class="reg_input"><input type="text" class="man_reg south" name="name" size="20" value="" maxlength="35" title="Введите ваше имя"/></div><?endif?>
<?if($BIRTHDAY_FL$)?><div style="color: #85A37F;" class="reg_title">$BIRTHDAY_SIGN$</div><div class="reg_o"><span class='south' title="Выберите вашу дату рождения">$BIRTHDAY_FL$</span></div><?endif?>
<?if($COUNTRY_FL$)?><div style="color: #85A37F;" class="reg_title">$COUNTRY_SIGN$</div><div class="reg_o"><span class='south' title="Выберите вашу Страну">$COUNTRY_FL$</span></div><?endif?>
<?if($CITY_FL$)?><div style="color: #85A37F;" class="reg_title">$CITY_SIGN$</div><div class="reg_o"><span class='south' title="Укажите ваш Город">$CITY_FL$</span></div><?endif?>
<?if($GENDER_FL$)?><div style="color: #85A37F;" class="reg_title">$GENDER_SIGN$</div><div class="reg_o"><span class='south' title="Выберите ваш пол">$GENDER_FL$</span></div><?endif?>
<?if($AOL_FL$)?><div style="color: #85A37F;" class="reg_title">$AOL_SIGN$</div><div class="reg_o"><span class='south' title="Ваш ник в Skype">$AOL_FL$</span></div><?endif?>
<?if($WWW_FL$)?><div style="color: #85A37F;" class="reg_title">$WWW_SIGN$</div><div class="reg_o"><span class='south' title="Ваш адрес сайта без 'http://'">$WWW_FL$</span></div><?endif?>
<?if($SIGNATURE_FL$)?><div style="color: #85A37F;" class="reg_title">$SIGNATURE_SIGN$</div><div class="reg_o"><span class='north' title="Ваша подпись">$SIGNATURE_FL$</span></div><?endif?>
</table>
<div align="center"><input type="button" class='west' value="Далее" onclick="shag3();" title="На последний этап регистрации"/></div>
</div>
</div>
</div>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" id="shag3_info" style="display:none;">
<tr>
<td valign="top" width="767px">
<div style="padding: 15px 20px 15px 20px;">
<div style="border: 1px solid #DAE1E8;background: #FFFFFF; padding:30px 100px 30px 100px;">
<h1>Укажите E-Mail адрес и выберите аватар</h1>
<div style="padding: 5px 0 5px 0;text-align:left;">
<table border="0" cellpadding="0" cellspacing="5" width="100%">
<?if($EMAIL_FL$)?><div style="color:#85A37F;" class="reg_title">$EMAIL_SIGN$</div><div class="reg_o"><span class='south' title="Укажите вашу почту (Обязательно рабочую, туда прийдёт письмо с подтверждением)">$EMAIL_FL$</span></div><?endif?>
<?if($AVATAR_FL$)?><div style="color:#85A37F;" class="reg_title">$AVATAR_SIGN$</div><div class="reg_o"><span class='south' title="Укажите ваш аватар или выберите из предложеных">$AVATAR_FL$</span></div><?endif?>
<?if($SECURITY_CODE_FL$)?><div style="color:#85A37F;" class="reg_title">$SECURITY_CODE_SIGN$</div><div class="reg_o"><span class='east' title="Введите код безопасности с картинки">$SECURITY_CODE_FL$</span></div><?endif?>
<tr><td align="center">
<input type="hidden" name="grp" value="2">
<div><input id="siF20" type="submit" name="sbm" value="$SUBMIT_SIGN$" /></div>
</td></tr>
</table>
</div>
</div>
</div>
</td>
</tr>
</table>