» »

Форма входа на сайт как на zornet.ru


Форма входа на сайт как на 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?>


Потом идем в общие настройки и выбираем старую форму входа.

Источник: http://zornet.ru/
09.03.2013 Просмотров: 1561 Комментарий: (1)

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

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

Комментарий: 1
Cortezz
Cortezz 10.03.2013 17:011
0
Админ спс wink
avatar