« Симпатичная страница формы входа для uCoz »

Описание материала:

Всем привет! Предлагаю Вашему вниманию симпатичную страничку "Форма Входа" для сайтов в системе uCoz. Данная страница сделана в темных тонах, сама форма входа серого цвета, а фон великолепно сочетаться с ней. Установка данной страницы очень проста и не потребует никаких скачиваний. Цвет, фон и логотип можно легко поменять в CSS.

Установка:
1. Заходим в ПУ - Управление дизайном и добавляем данный код в то место где хотите видеть ссылку входа:

Код
<?if($USER_LOGGED_IN$)?>
<a rel="nofollow" href="/index/10" title="Выход">Выход</a>
<?endif?>
<a rel="nofollow" href="/index/1" title="Войти">Вход</a>
<?endif?>


2. Заходим в ПУ - Управление дизайном - Страница входа пользователей и заменяем текущий код на этот:
Код
<html lang="ru">
<head>  
<meta charset="utf-8">
<title>Авторизация на uFive.Ru</title>
<link rel="stylesheet" href="http://ufive.ru/demo_file/login_form/lf.css">
</head>
<body id="mainContainer">
<script type="text/javascript" src="http://ufive.ru/demo_file/login_form/lf.js"></script>
  <div class="login-c">
  <a class="login-logo" href="/" title="На главную"><img src="http://ufive.ru/demo_file/login_form/lf.png"></a>
  <h1>Авторизация</h1>
  $BODY$
  </div>
<div class="powered_by">$POWERED_BY$</div>
</body>
</html>


3. Заходим в ПУ - Управление дизайном - Форма входа пользователей и так же заменяем весь имеющийся код, на этот:
Код
<div class="log-field">
  <span><i class="fa fa-user"></i></span>
  <input placeholder="Логин" class="loginField" type="text" name="user" value="" size="20" maxlength="50">
</div>
<div class="log-field">
  <span><i class="fa fa-lock"></i></span>
  <input placeholder="Пароль" class="loginField" type="password" name="password" size="20" maxlength="15">
</div>
<div class="log-submit">
  <input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked">
  <label for="rem$PAGE_ID$">запомнить</label>  
  <button class="loginbutton" name="sbm" type="submit" value="Войти"><i class="fa fa-check-circle"></i> Войти</button>
</div>
<div class="rem-reg">
  <a href="$REGISTER_LINK$">Регистрация</a><a href="$REMINDER_LINK$">Забыли пароль?</a>
</div>


Готова! Вы заменили старую страницу входа, на новую! Удачи!


Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 85


Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев к материалу: 0
avatar