Доброго времени суток, уважаемый посетитель сайта Webik-Diz! Ты находишься на сайте, на котором сможешь скачать действительно качественные шаблоны. Помимо обычных дизайнов, на сайте есть огромный архив наших авторских рипов, множество красивейших макетов, уникальных версток и адаптаций. Мы стараемся помочь пользователю найти шаблон для сайта, а также помочь в освоении системы uCoz. Оставайтесь со StuDRippo и будьте в курсе всех последних поступлений на сайте!
Главная страница » Архив материалов » Пользователи » Новая страница входа для uC...
Новая страница входа для uCoz
20.04.2013
Новая страница входа для uCoz
Скриншот материала «Новая страница входа для uCoz»
Нажмите, чтобы увеличить
  • Просмотров: 1231
  • Скачиваний: 250
  • Комментариев: 0
  • от Nikola
Форма входа рассчитана для сайтов с локальными пользователями. В принципе, больше никакой информации по этому поводу не нужно. Это верстка формы входа 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.
Если у Вас всё же остались вопросы, ответы на которые Вы не нашли, воспользуйтесь Обратной связью, либо напишите Администратору или Модератору персональное сообщение с описанием проблемы.
Рейтинг: 5.0 1
    В комментариях запрещено:
  • Писать сообщение прописными буквами (Caps Lock).
  • Рекламировать какие-либо сайты.
  • Использовать более двух смайлов в одном комментарии.
  • Оскорблять пользователей сайта.
  • Выражаться некультурными словами.
Чат
Цена: 2 руб.
Витрина ссылок
Поставить к себе на сайт
Купить ссылку здесь
Реклама
Люди говорят
Nikola оставил отзыв:
Оставляйте отзывы и пожелания в гостевой книге. Нам важно, что вы думаете!
+0 Все отзывы