Красивая форма входа для uCoz с тенями

Красивая форма входа для uCoz с тенями
  • Page 1 of 1
  • 1
WeniZAYCommunity » Форум Веб-Ремесленников • Создавай, Разделяй, Вдохновляй. » WordPress и Другие CMS • Легко и быстро создаем сайты на популярных CMS » Красивая форма входа для uCoz с тенями
Красивая форма входа для uCoz с тенями
  • WеniZAY
    WеniZAY
    1


    Красивая форма входа для uCoz с тенями думаю вам понравится.

    Установка:
    Ставим надпись там где нужно, также вы можете из нее сделать кнопку, это уже вам решать.
    Код
    <?if($USERS_ON$)?><a href="#" class="loginlink">Вход</a><?endif?>


    Теперь главный код, вы его можете поставить или вверх или вниз, он будет также работать, здесь сами смотрите, где ему лучше или где меньше кодов. Если вверх, то в самый подвал низа устанавливаем, если в них, также делаем.
    Код
    <!-- <Вход на сайт> -->  
    <div id="logindialog" title="Сделать авторизацию на сайте" style="display:none;">  
    <script type="text/javascript">  
    sendFrm549704=function(){  
      var o=$('#frmLg549704')[0],pos=_uGetOffset(o),o2=$('#blk549704')[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('frmLg549704',{type:'POST',url:'/index/sub/',error:function() {  
      $('#blk549704').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("$('#blk549704').css('display','none');",'1500');}});  
    }  
    </script>  
    <div id="blk549704" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://zornet.ru/Fresa/g.gif');display:none;"></div><form id="frmLg549704" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549704();return false;"><ul id="enter-form">  
    <li><input name="user" type="text" class="f_input-lg" onblur="if(this.value=='') this.value='Введите логин'" onfocus="if(this.value=='Введите логин') this.value=''" value="Введите логин"/></li>  
    <li><input name="password" type="password" class="f_input-lg" onblur="if(this.value=='') this.value='И пароль'" onfocus="if(this.value=='И пароль') this.value=''" value="И пароль"/></li>  
    <button type="hidden" class="lg-send" onclick="sbm();" type="submit">Войти</button><input name="login" type="hidden" id="submit" class="lg-send" value="submit" title="Войти" />  
    </ul>  
    <ul id="reg-link">  
    <li><a href="/index/3" title="Создать аккаунт">Регистрация</a></li>  
    <li><a href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;" title="Восстановить пароль">Восстановить пароль</a></li>  
    </ul><br>  

    <div id="uLogin"><h2><center>Вход/регистрация через соц.сети</center></h2>  
    <div id="uidLogForm" align="center">  
    <div id="uidLogButton">  
    <a href="javascript://" onclick="return uSocialLogin('vkontakte');" class="login-with vkontakte" title="Войти через ВКонтакте" rel="nofollow"><i></i></a>  
    <a href="javascript://" onclick="return uSocialLogin('ok');" class="login-with ok" title="Войти через Одноклассники" rel="nofollow"><i></i></a>  
    <a href="javascript://" onclick="return uSocialLogin('facebook');" class="login-with facebook" title="Войти через Facebook" rel="nofollow"><i></i></a>  
    <a href="javascript://" onclick="return uSocialLogin('yandex');" class="login-with yandex" title="Войти через Яндекс" rel="nofollow"><i></i></a>  
    <a href="javascript://" onclick="return uSocialLogin('google');" class="login-with google" title="Войти через Google+" rel="nofollow"><i></i></a>  
    <a href="javascript://" onclick="return uSocialLogin('twitter');" class="login-with twitter" title="Войти через Twitter" rel="nofollow"><i></i></a></div>  
    </div></div>  
    <input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="704" /></form>  
    <div class="clr" style="height:50px;"></div>  
    </div>  
    <script type="text/javascript" src="http://zornet.ru/Fresa/jqueryui.js"></script>  
    <script type="text/javascript" src="http://zornet.ru/Fresa/libs.js"></script>  
    <link media="screen" href="http://zornet.ru/Fresa/vhod.css" type="text/css" rel="stylesheet" />  
    <!-- </Вход на сайт> -->

    1482797.jpg (36.9 Kb)
  • WeniZAYCommunity » Форум Веб-Ремесленников • Создавай, Разделяй, Вдохновляй. » WordPress и Другие CMS • Легко и быстро создаем сайты на популярных CMS » Красивая форма входа для uCoz с тенями
    • Page 1 of 1
    • 1
    Search:
    Красивая форма входа для uCoz с тенями
    2018-2024 • WeniZAYCommunity WeniZAY Powered by uCoz
    Запрещено использование материалов сайта без прямой ссылки на источник. Все права защищены.