» »

Горизонтальная форма входа для сайта uCoz


Горизонтальная форма входа для сайта 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
07.11.2015 Просмотров: 573 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Kvint
Kvint 07.11.2015 02:521
0
Не когда не задумывался, чтоб установить горизонтальное меню, хотя мысли были. Все казалось, все слишком не просто, но как вижу, можно разобраться, нужно теперь профиль к примеру как здесь найти и прописать его в нем.
FeStemBer
FeStemBer 07.11.2015 02:562
+1
Kvint, код стоит под операторами, даже если вы не найдете профиль, вы можете просто зайти и после этого оно исчезнет, так как кто зашел как пользователь уже видеть его не будет. Раньше на горизонтальных основном так было, это теперь делают небольшие профили под такой вход на сайт, чтоб можно поставить в горизонтальное меню к примеру.
Kosten
Kosten 07.11.2015 03:004
0
Раньше и у вертикальных такое было, логин и пароль прописал и все исчезает, не было профилей, но кроме вертикальных.
Kvint
Kvint 07.11.2015 02:593
0
Это понятно, что бы сразу полный с профилем, было бы хорошо и искать не нужно, но с начало испробуем на тестовом сайте, что там получиться.
Kosten
Kosten 07.11.2015 03:035
0
Все правильно, нечего сразу пихать на основной сайт, настроить нужно, а когда все будет работать отлично, то можно базировать его на основу и там понемногу подгонять. Так как редко встретишь скрипт, который бы скопировали и поставили и он отлично как нужно встал и все нормально, всегда что то дорабатываешь или подгоняешь, шаблоны разные, где то он нормально встанет, а где то нужно пинка дать, чтоб обосновался ровно.
avatar