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

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

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

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

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

OGAdmin

Группа: Администратор

Собщений: 350

Репутация: 660

Наград: 32

Замечания : 0%

# 1 06:24

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

Установка:

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

Код

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

</tr>
</table>


</td></tr></table>
</center>

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

</body>

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

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

Код

<?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>

<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 в корень сайта.

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

Код