Приставлю Новый вид регистрации + анимация Пример
Установка :
Заменить На странице регистрации пользователей (ВСЁ) НА :
Code
.manHr {height: 0px; border: 0px solid #e4e4e4; border-top-width: 1px;}
hr {height: 0px; border: 0px solid #e4e4e4; border-top-width: 1px;}
</style>
</head>
<body style="padding:10px;">
<table width="50%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" align="center">
<tr>
<td width="16" height="16" background="http://www.cyberarena.su/imgs/1.gif"> </td>
<td background="http://www.cyberarena.su/imgs/5.gif"> </td>
<td width="16" height="16" background="http://www.cyberarena.su/imgs/4.gif"> </td>
</tr>
<tr>
<td background="http://www.cyberarena.su/imgs/2.gif"> </td>
<td>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td><span style="font-size:14px;"><div align='center'><strong>Регистрация</strong></div></span></td>
</tr>
<tr>
<td>
<DIV id="rules">
<FIELDSET><LEGEND>Правила сайта</LEGEND>
Авторские права
Вся информация предоставленная на сайте www.Cyberarena.su является собственностью авторов. Любую информацию размещенную на сайте запрещено копировать без размещения ссылки на источник. Если Вы автор какого-либо материала размещенного у меня на сайте, и у Вас есть какие-либо претензии, то также пишите, все вопросы обсудим - решим.
<Hr>Дизайн сайта
Дизайн данного сайта принадлежит полностью администратору сайта. Категорически запрещается копировать и использовать без соглашения главного администратора. За использование дизайна без согласия главного администратора, полагается разбирательство с администрацией хостера (в данном случае системы uCoz) и блокировка аккаунта нарушителя.
<Hr>Copyright ©
"Закон о Копирайте" (Copyright Act), копирайт возникает немедленно после окончания работы над авторским произведением, вне зависимости от того, где и когда эта работа была опубликована и была ли опубликована вообще, а также были ли зарегистрированы права автора на его творение. Однако, "Управление по делам копирайта США" (US Copyright Office) предлагает услуги по регистрации копирайтов, что в случае судебного разбирательства позволяет обосновать законность права владения интеллектуальной собственностью. Впрочем, никаких разрешений не требуется, чтобы автор начал использовать знак копирайта - (C). Копирайт защищает литературные, музыкальные, хореографические, графические, архитектурные произведения, фотографии, игры и т.д. Произведение, защищенное копирайтом, а также любая его часть не может быть использовано без разрешения собственника
<HR>
Правила прочитал и принимаю
<INPUT type="checkbox" value="0" onclick="document.getElementById('bt').disabled=false" />
<INPUT id="bt" type="button" disabled value="Продолжить Регистрацию" onclick="$('#rules').slideUp(); $('#regpage').slideToggle();" />
</DIV>
<DIV id="regpage" style="display:none;">
$BODY$
</DIV>
</td>
</tr>
<tr>
<td><div align='center'><span style="font-size:10px;">$POWERED_BY$ </span></div></td>
</tr>
</table>
</td>
<td background="http://www.cyberarena.su/imgs/6.gif"> </td>
</tr>
<tr>
<td background="http://www.cyberarena.su/imgs/3.gif"> </td>
<td height="16" background="http://www.cyberarena.su/imgs/8.gif"> </td>
<td background="http://www.cyberarena.su/imgs/7.gif"> </td>
</tr>
</table>
</body>
</html>
Потом Форму регистрации на :
Code
<br><table class="manTable" id="siM63" width="100%" border="0" cellpadding="2" cellspacing="1">
<tbody><tr id="siM1"><td colspan="2" class="manTdError" id="siM2" align="center">$ERROR$
</td></tr><tr><td class="manTdSep" colspan="2" height="10"><br></td></tr>
<tr id="siM42"><td class="manTd1" id="siM43" width="35%"><br>
$LOGIN_SIGN$ <input id="siF13" class="manFlLogin" name="user" value="" size="20" style="width: 200px;" maxlength="25" onchange="PrepareLoginToChecking();SubmitLoginToCheck()" type="text">
<iframe name="lf" src="/index/8-0-*" onload="GetMessageAboutAvailableLogin()" width="1" frameborder="0" height="1"></iframe>
<input id="tch" value="*" type="hidden">
<span id="msg"></span>
<script>
function PrepareLoginToChecking()
{
var original=("-").split("*")
var neww=("~").split("*")
var xy=0
for(xy=0; xy<=(original.length-1); xy++) {
var original1="/"+original[xy]+"/g"
document.getElementById("tch").value = document.getElementById("siF13").value.replace(eval(original1), neww[xy])
}
}
function SubmitLoginToCheck()
{
if(document.getElementById("siF13").value.length <= 1)
{
document.getElementById('msg').innerHTML='<span style=\"font-size:7pt;\"><img src=\"http://src.ucoz.ru/img/icon/er.png\" align=\"absmiddle\" border=\"0\"> Введите логин</span>';
return false;
}
window.lf.location='/index/8-0-'+document.getElementById("tch").value+'';
document.getElementById('msg').innerHTML='<span style=\"font-size:7pt;\"><img src=\"http://src.ucoz.ru/img/wd/3/ajaxs.gif\" align=\"absmiddle\" border=\"0\"> Проверка логина...</span>';
}
function GetMessageAboutAvailableLogin()
{
if(document.getElementById("siF13").value.length <= 1)
{
document.getElementById('msg').innerHTML='<span style=\"font-size:7pt;\"><img src=\"http://src.ucoz.ru/img/icon/er.png\" align=\"absmiddle\" border=\"0\"> Введите логин</span>';
return false;
}
if(window.lf.document.getElementById('chUName'))
{
document.getElementById('msg').innerHTML='<span style=\"font-size:7pt;\"><img src=\"http://src.ucoz.ru/img/icon/er.png\" align=\"absmiddle\" border=\"0\"> Логин занят</span>';
}
else
{
document.getElementById('msg').innerHTML='<span style=\"font-size:7pt;\"><img src=\"http://src.ucoz.ru/img/icon/ok.png\" align=\"absmiddle\" border=\"0\"> Логин свободен</span>';
}
}
</script><br>
$PASSWORD_SIGN$ <br>$PASSWORD_FL$<br>$PASSWORD1_SIGN$ <br>$PASSWORD1_FL$ $AVATAR_SIGN$<br>
$AVATAR_FL$<br>$NAME_SIGN$<br>$NAME_FL$<br>
$EMAIL_SIGN$ $EMAIL_FL$<br>ICQ<br>$ICQ_FL$<br>$WWW_SIGN$<br>$WWW_FL$<br><br>$BIRTHDAY_SIGN$ $BIRTHDAY_FL$<br>$GENDER_SIGN$<br>$GENDER_FL$<br><br>
$SECURITY_CODE_SIGN$ $SECURITY_CODE_FL$<br><table class="manTable" id="siM63" width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr id="siM12"></tr><tr id="siM12"><td class="manTd1" id="siM13"><font color="#ff0000"><b>$SUBSCRIPTION_SIGN$</b></font><br>$SUBSCRIPTION_FL$</td><td class="manTd2" id="siM14">
<br></td></tr></tbody></table></td></tr><tr id="siM12"><td class="manTd1" id="siM13"><br></td>
<td class="manTd2" id="siM14"><br></td><td class="manTd2" id="siM44"><br></td></tr><tr><td class="manTdSep" colspan="2" height="10"><hr class="manHr"></td></tr>
<?if($YAHOO_FL$)?>
<tr id="siM15"><td class="manTd1" id="siM16">Смайл вашего настроения:</td>
<td class="manTd2" id="siM17">
<script>
function smilepre(sm)
{ //U.moodSmile - разработка developing.ucoz.ru и WForum.clan.su
if(sm == '')
document.all.yahoosmilepre.innerHTML = '';
else
document.all.yahoosmilepre.innerHTML = '<img src="http://wforum.clan.su/sm/'+sm+'.gif">';
}
</script>
<select size="1" id="yahoosmile" name="yahoo" onChange="smilepre(this.value);">
<option value="">нет</option>
<option value="1">>(</option>
<option value="2">:D</option>
<option value="3">B)</option>
<option value="4">:'(</option>
<option value="5"><_<</option>
<option value="6">^_^</option>
<option value="7">:(</option>
<option value="8">:)</option>
<option value="9">:o</option>
<option value="10">:p</option>
<option value="11">%)</option>
<option value="12">;)</option>
</select>
<div id="yahoosmilepre"></div>
</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>
<?endif?>
<!--IF-->
<tr id="siM45"><td class="manTd1" id="siM46"><input class="manFlSbm" id="siF20" name="sbm" value="$SUBMIT_SIGN$" type="submit"><br></td><td class="manTd2" id="siM47"><br></td></tr> >
</tbody></table>