Новая страница входа для uCoz - Модальные окна - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Модальные окна


Форма входа рассчитана для сайтов с локальными пользователями. В принципе, больше никакой информации по этому поводу не нужно. Это верстка формы входа Facebook на CSS3. Разумеется, автор заслуживает хотя бы упоминания о себе, нажав на слово, вы переместитесь на страницу с оригинальной работой, прилагается PSD исходник.

Как Вы знаете, не имея локальных пользователей на uCoz, невозможно вставить простую форму входа, будет просто кнопка. Эта форма не использует абсолютно никаких картинок, это CSS3. По этой причине форма может отображаться не так, как надо, особенно в Internet Explorer.

Установка:

Управление дизайном » Пользователи » Страница входа пользователей
Код
<!DOCTYPE html>  
<html>  
<head>  
  <!--<meta charset="utf-8">-->  
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
  <title>Вход</title>  
  <link rel="stylesheet" href="css/style.css">  
  <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->  
</head>  
<body>  
<div class="page">  
<script type="text/javascript">  
sendFrm549557=function(){  
  var o=$('#frmLg549557')[0],pos=_uGetOffset(o),o2=$('#blk549557')[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('');
  _uPostForm('frmLg549557',{type:'POST',url:'/index/sub/',error:function() {  

  setTimeout("$('#blk549557').css('display','none');",'1500');  
  }  
  });  
}  
</script>  

  <form action="/index/sub/" method="post" class="login">  
  <h1>Вход</h1>  
  <input type="text" name="user" class="login-input" placeholder="Логин" autofocus>  
  <input type="password" name="password" class="login-input" placeholder="Пароль">  
  <input type="submit" value="Войти" class="login-submit">  
<input id="remmain" type="hidden" name="rem" value="1" />  
<input type="hidden" name="a" value="2" />  
<input type="hidden" name="ajax" value="1" />  
<input type="hidden" name="rnd" value="557" />  

  <p class="login-help"><a href="javascript:;" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Забыли пароль?</a></p>  

  </form>  
</div>  
</body>  
</html>

Загрузите файл «login.css» в корневую папку. Используйте Файловый менеджер или FTP

Важно!

При копировании материала указывать ссылку на источник.

- 459
- 26-Декабря-2016
- 1
- 0
Материал разместил:

Похожий материал
Статьи сайта