Навигатор

Шаблоны для Joomla
Шаблоны для uCoz
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [15]
форма входа для ucoz
Переключатели для ucoz [9]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Интересное
Мини профиль + Форма входа
Рейтинг: 58062
Красивое горизонтальное меню для ucoz
Рейтинг: 51323
Мини-чат для ucoz
Рейтинг: 45601
Скрипт мониторинга cs серверов
Рейтинг: 41067
Слайдер новостей для uCoz
Рейтинг: 18600

Страница входа и авторизации для uCoz

Страница входа или авторизация для uCoz от 7themes

Отдельная страница с формой входа для сайтов с локальными пользователями. Спасибо автору формы 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

Категория Форма входа для ucoz | Добавил: wallaby | Просмотров: 681 |

Комментарии отсутствуют

по актуальности
Чтобы оставить комментарий, необходимо или