Форма регистрации + страница регистрации - uTalk Разговоры на любую тему

Страница 1 из 1
1

Форма регистрации + страница регистрации

n1ce

Дата: Понедельник, 26.11.2012, 21:23 | Сообщение # 1

Сообщений: 53

Награды: 0

Всем доброго времени суток, представляю вашему вниманию мой первый скрипт, на страницы регистрации стоит фон карты 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>
        
        <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><div align="center">
        $BODY$</div></td></tr></table>
        </td>

        </tr>
        </table>
        

        </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$
        
        <?if($LOGIN_FL$)?>
        <table class="manTable" id="siM63" border="0" cellpadding="2" cellspacing="1" width="100%">
        
        <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

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