Отдельная страница с формой входа для сайтов с локальными пользователями. Спасибо автору формы Tornado(ссылка на его проект в описании). Страница авторизации выполнена со статичным фоном и динамическим появлением самого окна входа uCoz. Описание и установка скрипта со всеми необходимыми файлами внутри новости.
Установка формы входа
Начнем с добавления ссылок на вход. Добавляем код в любое место на сайте, где бы Вы хотели видеть ссылку на вход для пользователей:
Code
<?if($USER_LOGGED_IN$)?>
<a rel="nofollow" href="/index/10" title="Выход">Выход</a>
<?endif?>
<a rel="nofollow" href="/index/1" title="Войти">Вход</a>
<?endif?>
Форма входа пользователей
Копируем HTML код и вставляем в Панель управления(ПУ)->Дизайн->Управление дизайном->Пользователи->Форма входа пользователей:
Code
<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>
Страница входа пользователей
Копируем HTML код и вставляем в Панель управления(ПУ)->Дизайн->Управление дизайном->Пользователи->Страница входа пользователей:
Code
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Авторизация на wallaby.ucoz.ru</title>
<link rel="stylesheet" href="//wallaby.ucoz.ru/css/logincss.css">
</head>
<body id="mainContainer">
<script type="text/javascript" src="//wallaby.ucoz.ru/js/loginjs.js"></script>
<div class="login-c">
<a class="login-logo" href="/" title="На главную"><img src="https://7themes.su/img/logo.png"></a>
<h1>Авторизация</h1>
$BODY$
</div>
<div class="powered_by">$POWERED_BY$</div>
</body>
</html>
Если Вам нужна помощь в установке или настройке, пишите мне в телеграмм: @bysobi
Вскоре, я сделаю удобный форум, чтобы Вы могли задать свои вопросы, типа: Как установить форму входа на сайт и т.д
Автор формы: 7themes.su
|
Комментарии отсутствуют