Скрипт выполнен в серых тонах, очень даже необычно
выглядит. Если Вы искали чего-то уникального, эта форма входа подойдет. Будь индивидуальным!
Установка:
Вместо стандартной формы входа $LOGIN_FORM$, вставляем нижеописанный скрипт.
Code
<?if ($LOGIN_FORM$)?>
<script type="text/javascript">
sendFrm549687=function(){
var o=$('#frmLg549687')[0],pos=_uGetOffset(o),o2=$('#blk549687')[0];
document.body.insertBefore(o2,document.body.firstChild);
$(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>');
_uPostForm('frmLg549687',{type:'POST',url:'/index/sub/',error:function() {
$('#blk549687').html('<div align="left" style="padding:10px;"><div class="myWinLoadSF" title="Невозможно выполнить запрос, попробуйте позже"></div></div>');
_uWnd.alert('<div class="myWinError">Невозможно выполнить запрос, попробуйте позже</div>','',{w:250,h:90,tm:3000,pad:'15px'});
setTimeout("$('#blk549687').css('display','none');",'1500');
}
});
}
</script>
<style>
#buttonLOGIN{background:#A0A0A4;border:1px solid #3358a5;padding:3px;margin-top:1px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN:hover{background:#7e9fe4;border:1px solid #3358a5;padding:3px;margin-top:1px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN:active{background:#4f72bd;border:1px solid #3358a5;padding:3px;margin-top:1px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN1{background:#A0A0A4;border:1px solid #3358a5;padding:2px;margin-top:0px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN1:hover{background:#7e9fe4;border:1px solid #3358a5;padding:2px;margin-top:0px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
fieldset {border:1px solid #A0A0A4; padding:2px 5px; margin-bottom:3px;}
.loginField {font-size:11px;color:#999;text-decoration:none;}
.remsiteRega {display:none}
</style>
<fieldset style="width: 185px;">
<div id="blk549687" style="border: 1px solid rgb(204, 204, 204); position: absolute; z-index: 82; background: url("http://s44.ucoz.net/img/fr/g.gif") repeat scroll 0% 0% transparent; display: none;"></div><form id="frmLg549687" action="/index/sub/" method="post" style="margin: 0pt;" onsubmit="sendFrm549687();return false;">
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tbody><tr><td><input class="loginField" name="user" onblur="if (value == '') {value = 'Ваш Login'}" onfocus="if (value == 'Ваш Login') {value =''}" value="Ваш Login" size="20" style="width: 100%;" maxlength="50" type="text"></td></tr>
<tr><td><input class="loginField" name="password" size="20" style="width: 100%;" maxlength="15" type="password" onblur="if (value == '') {value = 'Пароль'}" onfocus="if (value == 'Пароль') {value =''}" value="Пароль"></td></tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tbody><tr><div class="remsiteRega"><input id="remsitePage1" name="rem" value="1" checked="checked" type="checkbox"><label for="remsitePage1"></label></div>
<td><input id="buttonLOGIN1" class="loginButton" name="sbm" value="Вход" type="submit"></td>
<td><a id="buttonLOGIN" href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Вспомнить</a></td>
<td><a id="buttonLOGIN" href="$REGISTER_LINK$">Регистрация</a></td>
</tr>
</tbody></table>
<input name="a" value="2" type="hidden"><input name="ajax" value="1" type="hidden"><input name="rnd" value="687" type="hidden"></form>
</fieldset><?endif ?>
<script type="text/javascript">
sendFrm549687=function(){
var o=$('#frmLg549687')[0],pos=_uGetOffset(o),o2=$('#blk549687')[0];
document.body.insertBefore(o2,document.body.firstChild);
$(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>');
_uPostForm('frmLg549687',{type:'POST',url:'/index/sub/',error:function() {
$('#blk549687').html('<div align="left" style="padding:10px;"><div class="myWinLoadSF" title="Невозможно выполнить запрос, попробуйте позже"></div></div>');
_uWnd.alert('<div class="myWinError">Невозможно выполнить запрос, попробуйте позже</div>','',{w:250,h:90,tm:3000,pad:'15px'});
setTimeout("$('#blk549687').css('display','none');",'1500');
}
});
}
</script>
<style>
#buttonLOGIN{background:#A0A0A4;border:1px solid #3358a5;padding:3px;margin-top:1px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN:hover{background:#7e9fe4;border:1px solid #3358a5;padding:3px;margin-top:1px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN:active{background:#4f72bd;border:1px solid #3358a5;padding:3px;margin-top:1px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN1{background:#A0A0A4;border:1px solid #3358a5;padding:2px;margin-top:0px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
#buttonLOGIN1:hover{background:#7e9fe4;border:1px solid #3358a5;padding:2px;margin-top:0px;font-size:11px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;}
fieldset {border:1px solid #A0A0A4; padding:2px 5px; margin-bottom:3px;}
.loginField {font-size:11px;color:#999;text-decoration:none;}
.remsiteRega {display:none}
</style>
<fieldset style="width: 185px;">
<div id="blk549687" style="border: 1px solid rgb(204, 204, 204); position: absolute; z-index: 82; background: url("http://s44.ucoz.net/img/fr/g.gif") repeat scroll 0% 0% transparent; display: none;"></div><form id="frmLg549687" action="/index/sub/" method="post" style="margin: 0pt;" onsubmit="sendFrm549687();return false;">
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tbody><tr><td><input class="loginField" name="user" onblur="if (value == '') {value = 'Ваш Login'}" onfocus="if (value == 'Ваш Login') {value =''}" value="Ваш Login" size="20" style="width: 100%;" maxlength="50" type="text"></td></tr>
<tr><td><input class="loginField" name="password" size="20" style="width: 100%;" maxlength="15" type="password" onblur="if (value == '') {value = 'Пароль'}" onfocus="if (value == 'Пароль') {value =''}" value="Пароль"></td></tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tbody><tr><div class="remsiteRega"><input id="remsitePage1" name="rem" value="1" checked="checked" type="checkbox"><label for="remsitePage1"></label></div>
<td><input id="buttonLOGIN1" class="loginButton" name="sbm" value="Вход" type="submit"></td>
<td><a id="buttonLOGIN" href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Вспомнить</a></td>
<td><a id="buttonLOGIN" href="$REGISTER_LINK$">Регистрация</a></td>
</tr>
</tbody></table>
<input name="a" value="2" type="hidden"><input name="ajax" value="1" type="hidden"><input name="rnd" value="687" type="hidden"></form>
</fieldset><?endif ?>