Форма входа на сайт как на zornet.ru
Представляю вам Форма входа как на zornet.ru. Так как система ucoz сделала на выбор 2 формы старую и через uID. И только можно выбрать одну, этот скрипт вам предложит сразу 2 формы входа на выбор. И так начнем устанавливать. Заходим в админ панель и в пользователях меняем форму входа на этот код Код <script type="text/javascript"> sendFrm549214=function(){ var o=$('#frmLg549214')[0],pos=_uGetOffset(o),o2=$('#blk549214')[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('frmLg549214',{type:'POST',url:'/index/sub/',error:function() { $('#blk549214').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("$('#blk549214').css('display','none');",'1500'); } }); } </script> <div id="blk549214" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s3.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549214" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549214();return false;"> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <tr><td width="20%" nowrap="nowrap">Логин:</td><td><input class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50"/></td></tr> <tr><td>Пароль:</td><td><input class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15"/></td></tr> </table> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <tr><td nowrap><input id="remmain" type="checkbox" name="rem" value="1" checked="checked"/><label for="remmain">запомнить</label> </td><td align="right" valign="top"><input class="loginButton" name="sbm" type="submit" value="Вход"/></td></tr> <tr><td colspan="2"><div style="font-size:7pt;text-align:center;"><a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a></div></td></tr> </table> <input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="214" /></form> Потом в любой контейнер правый или левый прописываем этот код, это вызов яхо окна с правой стороны. При наведение будит вылезать надпись на которую нужно кликнуть и появиться чхо окно с выбором входа на сайт. Прописываем код в самый вверх. Код <?if($USER_LOGGED_IN$)?><?else?> <script type="text/javascript"> $(function($) { $("#onlinehelp img").hover( function () { $(this).animate({right: '0'}, {queue:false, duration: 350}); //$(this).css('right', '0'); }, function () { $(this).animate({right: '-160px'}, {queue:false, duration: 350}); // $(this).css('right', '-160px'); } ); }); </script> <a id="onlinehelp" href="$LOGIN_LINK$" onclick="webChatOpen();return false;"> <img alt="Регистрация" src="http://cstavr.ru/CSTAVR/reg.png" /> </a> <style type="text/css"> /* script Life_man(life_man543181) */ #onlinehelp img { position: fixed; top:40px; right: -160px; z-index: 99999; cursor: pointer; display: block; } /* script life_man */ </style> <?endif?> Потом идем в общие настройки и выбираем старую форму входа. Источник: / |
Поделиться в социальных сетях
Материал разместил
Комментарии: 2 | |
| |