Горизонтальная форма входа для сайта uCoz
Основные пользователи привыкли на сайт заходить по стандартному вертикальному скрипту, здесь вам предлагается Горизонтальная форма входа для сайта uCoz полностью в рабочем виде и все функций находятся в нем. Все очень просто, сделано было с кода по вертикали и переделали на красивую горизонталь, где для почты теперь нужно прописывать ваш логин на сайте. Так будет выглядеть в реале, это первый небольшого размера в второй под пароль больше. Вся основа как уже было написано рабочая, если вам нужно закруглить углы под дизайн, то думаю все в самом скрипте делать нужно. И по своему формату она сильно отличается от таких же, но есть также функция, что забыли пароль и при нажатие вход пропадает и появляется окно пол E-mail и также рядом стоит функция на регистрацию, для локального пользователя или по социальным закладкам, это как настроено. Установка: Основном можно найти вверх сайта или под шапкой. Код <?if($USER_LOGGED_IN$)?> Здесь должен быть мини-профиль <?else?> <script type="text/javascript"> sendFrm549665=function(){ var o=$('#frmLg549665')[0],pos=_uGetOffset(o),o2=$('#blk549665')[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('frmLg549665',{type:'POST',url:'/index/sub/',error:function() { $('#blk549665').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("$('#blk549665').css('display','none');",'1500'); } }); } </script> <div id="blk549665" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s48.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549665" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549665();return false;"> <table border="0" cellspacing="1" cellpadding="0" width="100%"> <tr><td width="20%" nowrap="nowrap">E-mail:<a href="javascript://" rel="nofollow" onclick="new _uWnd('HelpWd','Помощник',360,150,{align:'justify',closeonesc:1},{url:'/index/90-7'});return false;" class="noun"><img alt="" title="uID поддержка" src="http://s48.ucoz.net/img/ma/uid.gif" style="border:0;vertical-align:-4px;"></a></td> <td>Пароль:</td><td></td><td></td></tr> <tr> <td><input class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50"/></td><td><input class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15"></td> <td><td align="right" valign="top"><input class="loginButton" name="sbm" type="submit" value="Вход"></td></td> <td nowrap><input id="remsitePage1" type="checkbox" name="rem" value="1" checked="checked"><label for="remsitePage1">запомнить</label></td> </tr> <tr><td width="20%" nowrap="nowrap"><a href="/index/3">Регистрация</a></td> <td><a href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Забыл пароль</a></td><td></td><td></td></tr> </table> <input type="hidden" name="a" value="2"><input type="hidden" name="ajax" value="1"><input type="hidden" name="rnd" value="665"></form> <?endif?> В скрипте есть надпись "Здесь должен быть мини-профиль" что означает, найти горизонтальный профиль и поставить туда, как зайдете, он появиться. Код был взять на сайте: Yraaa.ru |
Поделиться в социальных сетях
Материал разместил
Комментарии: 5 | |
| |