вРазные полезности

Горизонтальная форма входа для сайта 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

источник: zornet.ru

Похожие посты