Форма регистрации + страница регистрации (by osk-team)


Всем доброго времени суток, представляю вашему вниманию мой первый скрипт, на страницы регистрации стоит фон карты cs assault так что он отлично подойдёт для сайтов тематики Counter-Strike:Source, но этот фон можно изменить на любой под ваш вкус!!!

Установка:

1. Идём в ПУ/Управление дизайном/Страница регистрации пользователей/ от туда всё удаляем и вставляем этот код:

Code
  
  <style>#puzadpn{display:none;}</style>  

  <meta http-equiv="content-type" content="text/html; charset=UTF-8">  

  <title>Страница регистрации - $SITE_NAME$</title>  
  <?$META_DESCRIPTION$?>  
  <style>  
  /* General Style */  
  a:link {text-decoration:none; color:#bababa;}  
  a:active {text-decoration:none; color:#bababa;}  
  a:visited {text-decoration:none; color:#bababa;}  
  a:hover {text-decoration:none; color:#bababa;}  

  td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#aaa;font-weight:bold;}  
  form {padding:0px;margin:0px;}  
  input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}  
  .copy {font-size:7pt;}  

  a.noun:link {text-decoration:none; color:#bababa}  
  a.noun:active {text-decoration:none; color:#bababa}  
  a.noun:visited {text-decoration:none; color:#bababa}  
  a.noun:hover {text-decoration:none; color:#bababa}  
  .mframe1 {padding:2 10 30 10px;}  
  hr {color:#464646;height:1px;}  
  /* ------------- */  
  </style>  
<script type="text/javascript" src="/reg.js"></script>
   

  <img src="http://ваш сайт/background/background01.jpg" style="position:absolute;top:0;left:0;z-index:-5;" height="100%" width="100%">  

  <?if($USER_AGENT$='ie')?>  
   
  <?endif?>  
  $ADMIN_BAR$  

  <center>  
  <!-- <middle> -->  
  <table border="0" cellpadding="0" cellspacing="0" width="500px">  
  <tbody><tr>  

  <td style="padding:10px;" valign="top">  
  <table border="0" cellpadding="10" cellspacing="0" width="500px"><tbody><tr><td><!-- <body> --><div align="center">  
  $BODY$</div><!-- </body> --></td></tr></tbody></table>  
  </td>  

  </tr>  
  </tbody></table>  
  <!-- </middle> -->  

   
  </center>  

  <div style="opacity:0.5"><center>$POWERED_BY$</center></div>  
<center><a href="http://osk-team.ru" target="_blank"><u><font color="#1e90ff">by kotE</font></u></a></center>


Обратите внимание где написанно http://ваш сайт/background/background01.jpg вы должны прописать ваш сайт.

2. Идём в ПУ/Управление дизайном/Форма регистрации пользователей/ удаляем всё от туда и вставляем этот код:

Code
$ERROR$  
  <!--ENDIF-->  
  <?if($LOGIN_FL$)?>  
  <table class="manTable" id="siM63" border="0" cellpadding="2" cellspacing="1" width="100%">  
  <!--IF(($ERROR$))-->  
  <tbody><tr id="siM42"><td class="manTd1" id="siM43" width="35%"><font color="#ff6347">$LOGIN_SIGN$</font></td><td class="manTd2" id="siM44">$LOGIN_FL$<span id="msgL"> </span>  
  <input id="tch" value="*" type="hidden">  
  <script type="text/javascript">  
  //  
  //  
  var Lok;  
  var L = document.getElementById('siF13');  
  L.style.width = '50%';  
  L.onchange = 'PrepareLoginToChecking();SubmitLoginToCheck()';  
  if(navigator.appName=='Microsoft Internet Explorer'){L.attachEvent('onchange', function() {PrepareLoginToChecking();SubmitLoginToCheck()},true)}else{  
  L.addEventListener('change', function() {PrepareLoginToChecking();SubmitLoginToCheck()}, true)}  
  var lmsg = document.getElementById('msgL');  
  function checkLogin(){  
  if (L.value.match(/[^a-zA-Z0-9\-\_\@\%\{\}\[\]\(\)\u0080-\uFFFF]/)){  
  Lok=0;  
  document.getElementById('msgL').innerHTML='<img border="0" src="http://src.ucoz.ru/img/icon/er.png" align="absmiddle" width="16" height="16"> В логине присутствуют недопустимые символы';  
  }  
  else if (L.value.length<2){  
  Lok=0;  
  document.getElementById('msgL').innerHTML='<img border="0" src="http://src.ucoz.ru/img/icon/er.png" align="absmiddle" width="16" height="16"> Минимальная длина логина <b>2</b> символа';  
  }  
  else if (L.value.length>25){  
  Lok=0;  
  document.getElementById('msgL').innerHTML='<img border="0" src="http://src.ucoz.ru/img/icon/er.png" align="absmiddle" width="16" height="16"> Максимальная длина логина <b>25</b> символов';  
  }  
  else {  
  Lok=1;  
  document.getElementById('msgL').innerHTML='<img border="0" src="http://src.ucoz.ru/img/icon/ok.png" align="absmiddle" width="16" height="16"> Логин введён корректно';  
  }  
  }  
  function PrepareLoginToChecking()  
  {  
  var original=("-").split("*");  
  var neww=("~").split("*");  
  var xy=0;  
  while(xy<=(original.length-1)) {  
  var original1="/"+original[xy]+"/g";  
  document.getElementById("tch").value = L.value.replace(eval(original1), neww[xy]);  
  xy++;  
  }  
  }  
  function SubmitLoginToCheck()  
  {  
  checkLogin();  
  if(Lok != 1)  
  {  
  return false;  
  }  
  window.lf.location='/index/8-0-'+document.getElementById("tch").value+'';  
  document.getElementById('msgL').innerHTML='<img src=\"http://src.ucoz.ru/img/wd/3/ajaxs.gif\" align=\"absmiddle\" border=\"0\"> Проверка логина...';  
  }  
  function GetMessageAboutAvailableLogin()  
  {  
  checkLogin();  
  if(Lok != 1)  
  {  
  return false;  
  }  
  if(window.lf.document.getElementById('chUName'))  
  {  
  document.getElementById('msgL').innerHTML='<img src=\"/icon/er.png\" align=\"absmiddle\" border=\"0\"> Логин занят';  
  }  
  else  
  {  
  document.getElementById('msgL').innerHTML='<img src=\"/icon/ok.png\" align=\"absmiddle\" border=\"0\"> Логин свободен';  
  }  
  }  
  </script> <iframe name="lf" src="/index/8-0-*" style="display: none;" onload="GetMessageAboutAvailableLogin()" frameborder="0" height="1px" width="1px"></iframe>  
  <input id="tch" value="*" type="hidden">  
  <span id="msg"></span>  
  <br><span id="resaltCheck"></span></td></tr>  
  <tr><td class="manTd1" width="35%"></td><td class="manTd2"><span id="resaltCheck"></span></td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($PASSWORD_FL$)?>  
  <tr id="siM45"><td class="manTd1" id="siM46"><font color="#ff6347">$PASSWORD_SIGN$</font></td><td class="manTd2" id="siM47"><input name="password" id="fPassword" value="Пароль" onblur="if(this.value=='')this.value='Пароль'" onfocus="if(this.value=='Пароль')this.value=''" maxlength="16" style="width: 200px;" type="password"> <span id="chf2"></span></td></tr>  
  <?endif?>  
  <?if($PASSWORD1_FL$)?>  
  <tr id="siM48"><td class="manTd1" id="siM49"><font color="#ff6347">$PASSWORD1_SIGN$</font></td><td class="manTd2" id="siM50"><input name="password1" id="fPassword1" value="Пароль" onblur="if(this.value=='')this.value='Пароль'" onfocus="if(this.value=='Пароль')this.value=''" maxlength="16" style="width: 200px;" type="password"> <span id="chf3"></span></td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?else?><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>  
  <?endif?>  
  <?if($GROUP_FL$)?>  
  <tr id="siM70"><td class="manTd1" id="siM71"><font color="#ff6347">$GROUP_SIGN$</font></td><td class="manTd2" id="siM72">$GROUP_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($NAME_FL$)?>  
  <tr id="siM51"><td class="manTd1" id="siM52"><font color="#ff6347">$NAME_SIGN$</font></td><td class="manTd2" id="siM53"><input name="name" id="fName" onblur="checkName();" maxlength="50" style="width: 200px;" type="text"> <span id="chf4"></span>  
  </td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($EMAIL_FL$)?>  
  <tr id="siM54"><td class="manTd1" id="siM55"><font color="#ff6347">$EMAIL_SIGN$</font></td><td class="manTd2" id="siM56">$EMAIL_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($WWW_FL$)?>  
  <tr id="siM3"><td class="manTd1" id="siM4"><font color="#32cd32">$WWW_SIGN$</font></td><td class="manTd2" id="siM5"><input name="site" id="fSite" value="http://osk-team.ru" maxlength="100" style="direction: ltr; width: 200px;" type="text"></td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($ICQ_FL$)?>  
  <tr id="siM6"><td class="manTd1" id="siM7"><font color="#32cd32">$ICQ_SIGN$</font></td><td class="manTd2" id="siM8">$ICQ_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($AOL_FL$)?>  
  <tr id="siM9"><td class="manTd1" id="siM10"><font color="#32cd32">$AOL_SIGN$</font></td><td class="manTd2" id="siM11">$AOL_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($MSN_FL$)?>  
  <tr id="siM12"><td class="manTd1" id="siM13"><font color="#32cd32">$MSN_SIGN$</font></td><td class="manTd2" id="siM14">$MSN_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($YAHOO_FL$)?>  
  <tr id="siM15"><td class="manTd1" id="siM16"><font color="#32cd32">$YAHOO_SIGN$</font></td><td class="manTd2" id="siM17">$YAHOO_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($BIRTHDAY_FL$)?>  
  <tr id="siM30"><td class="manTd1" id="siM31"><font color="#87cefa">$BIRTHDAY_SIGN$</font></td><td class="manTd2" id="siM32"><select size="1" name="by" onchange="checkBirth()" id="fBthY"><option value="0">Год</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option></select>-<select size="1" name="bm" onchange="checkBirth()" id="fBthM"><option value="0">Месяц</option><option value="1">Январь</option><option value="2">Февраль</option><option value="3">Март</option><option value="4">Апрель</option><option value="5">Май</option><option value="6">Июнь</option><option value="7">Июль</option><option value="8">Август</option><option value="9">Сентябрь</option><option value="10">Октябрь</option><option value="11">Ноябрь</option><option value="12">Декабрь</option></select>-<select size="1" name="bd" onchange="checkBirth()" id="fBthD"><option value="0">День</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <span id="chf7"></span>  

  </td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($GENDER_FL$)?>  
  <tr id="siM27"><td class="manTd1" id="siM28"><font color="#87cefa">$GENDER_SIGN$</font></td><td class="manTd2" id="siM29"><input name="gender" value="2" onclick="checkGender();" id="fGender2" type="radio"><label for="fGender2">Женщина</label> <input name="gender" onclick="checkGender();" value="1" id="fGender1" type="radio"><label for="fGender1">Мужчина</label> <span id="chf8"></span></td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($COUNTRY_FL$)?>  
  <tr id="siM18"><td class="manTd1" id="siM19"><font color="#1e90ff">$COUNTRY_SIGN$</font></td><td class="manTd2" id="siM20">$COUNTRY_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($STATE_FL$)?>  
  <tr id="siM21"><td class="manTd1" id="siM22"><font color="#1e90ff">$STATE_SIGN$</font></td><td class="manTd2" id="siM23">$STATE_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($CITY_FL$)?>  
  <tr id="siM24"><td class="manTd1" id="siM25"><font color="#1e90ff">$CITY_SIGN$</font></td><td class="manTd2" id="siM26">$CITY_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($AVATAR_FL$)?>  
  <tr id="siM36"><td class="manTd1" id="siM37" valign="top"><font color="#87cefa">$AVATAR_SIGN$</font></td><td class="manTd2" id="siM38"><font color="#00bfff">$AVATAR_FL$</font></td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($SIGNATURE_FL$)?>  
  <tr id="siM33"><td class="manTd1" id="siM34"><font color="#1e90ff">$SIGNATURE_SIGN$</font></td><td class="manTd2" id="siM35">$SIGNATURE_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($SUBSCRIPTION_FL$)?>  
  <tr id="siM39"><td class="manTd1" id="siM40"><font color="#1e90ff">$SUBSCRIPTION_SIGN$</font></td><td class="manTd2" id="siM41">$SUBSCRIPTION_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($OPTIONS_FL$)?>  
  <tr id="siM63"><td class="manTd1" id="siM64"><font color="#1e90ff">$OPTIONS_SIGN$</font></td><td class="manTd2" id="siM65">$OPTIONS_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <?if($SECURITY_CODE_FL$)?>  
  <tr id="siM60"><td class="manTd1" id="siM61"><font color="#ff6347">$SECURITY_CODE_SIGN$</font></td><td class="manTd2" id="siM62">$SECURITY_CODE_FL$</td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>  
  <?endif?>  
  <tr id="siM64"><td class="manTdBut" colspan="2" id="siM65" align="center"><input class="manFlSbm" id="siF20" name="sbm" value="$SUBMIT_SIGN$" type="submit"></td></tr></tbody></table>


3. Скачиваем архив, загружаем папку background в корень сайта. Далее загружаем папку icon и js в корень сайта.

Еслу у вас есть какие либо проблемы с шириной или высотой фона , то подстройте его под себя в первом коде который я кидал есть такая строка

Code
<img src="http://ваш-сайт/background/background1.jpg" style="position:absolute;top:0;left:0;z-index:-5;" height="100%" width="100%">


Здесь подстраивайте размер фона под себя. width="100% height="100%
Ну и всё, скрипт работает)

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