2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

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

Формы входа/регистрации 2012-Авг-15 kotE 5.4k 641 2


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

Установка:

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

Code
<html>      
      <head>      

      <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>
      </head>      

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

      <?if($USER_AGENT$='ie')?>      
      <body style="background:url('/modal/trans.png')">      
      <?endif?>      
      $ADMIN_BAR$      

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

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

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

      </td></tr></table>      
      </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>

      </body>      

      </html>


Обратите внимание где написанно 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;" width="100%" height="100%" />


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

Ну и всё, скрипт работает)
Источник: http://osk-team.ru
2 комментария
avatar
1
Где скачать папку background?
Дайте ссылку
avatar
2
у меня цвет шрифта везде одинаковый
avatar