» »

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

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

Делаем страницу для входа пользователей на сайт и авторизацией на портале конструктора uCoz, где получится красивая форма со всеми функциями. Вообще у нас после установки получится отдельная страница под ссылкой, которую вы можете выставить под кнопку на главной, где при нажатии пользователь может войти под своим логином, а гость пройти полноценную регистрацию.

Так как установлена фона по центру, а вместо фона можно поставить тематическое изображение, чем страница отличается от других. Тем, что она отделена и ее можно красиво оформит, как в тематическом направлении или в общем. Это поставить на темный или светлый формат сайта, где будет красивый фоновый оттенок.

Веб разработчик считает сделать свой сайт оригинальным от других, хоть схожая тематика, и с чего первым нужно начинать, но этот главная страница и безусловно где можно пройти регистрацию, чтоб стать пользователем. Вот здесь предоставлен код, который уже выставлено операторам, где остается его установить.

Приступаем к установке:

Первым делом прописываем код в то место, где по вашему мнению должна стоять ссылка, которая идет для входа пользователей.

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

Теперь нужна форма входа, где нужно пройти в админ панель, там проходим на Дизайн - Управление дизайном - Пользователи - Форма входа пользователей, где устанавливаем этот код

Код
<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 код и идет по этому адресу, это также админ панель, что заходим туда, далее проходим в Дизайн - Управление дизайном - Пользователи - Страница входа пользователей, где ставим и сохраняем.

Код
<html lang="ru">
<head>  
<meta charset="utf-8">
<title>Авторизация на Zornet.ru</title>
<link rel="stylesheet" href="http://zornet.ru/Aben/logens.css">
</head>
<body id="mainContainer">
<script type="text/javascript" src="http://zornet.ru/ABVUN/Abas/degakolas/dekib.js"></script>
  <div class="login-c">
  <a class="login-logo" href="/" title="На главную"><img src="http://zornet.ru/ABVUN/sarunolas/Gamilsatun/zornet_ru/ava-5.png"></a>
  <h1>Авторизация</h1>
  $BODY$
  </div>
<div class="powered_by">$POWERED_BY$</div>
</body>
</html>

После всего, эта установка закончена, что остается перейти по заданной вами ссылке, которую вы изначально вывели, где делаем по ней клик как гость, так как зарегистрированные пользователи ее не должны видеть. И после всего вы попадете на созданную страницу, где находится форма.

Автор формы: 7themes.su
Источник: wallaby.ucoz.ru
2019-02-01 Просмотров: 446 Комментарий: (9)

Поделиться в социальных сетях

Материал разместил

Комментарий: 9
vasilatiysergo
vasilatiysergo 2019-02-01 01:081
0
Довольно таки приятная внешность, люблю когда в глазах ничего не расплывается.
Kosten
Kosten 2019-02-01 01:402
0
Если установите, то плиз скиньте ссылку на сайт, где страницу поставили.
vasilatiysergo
vasilatiysergo 2019-02-01 02:073
0
Цитата Kosten ()
Если установите, то плиз скиньте ссылку на сайт, где страницу поставили.

я если бы и ставил ее, то скорее всего бы установил ее в Аякс окне, куда бы красивее смотрелось.
na3uTuB4uk
na3uTuB4uk 2019-02-03 15:334
0
Согласен, я бы тоже, смысл делать в отдельной странице такую авторизацию, ее в poup окне самое то делать.
Kosten
Kosten 2019-02-03 16:305
0
Просто сам сделал на отдельную, так и перекидываю, модно поместить или нет.
vasilatiysergo
vasilatiysergo 2019-02-04 01:106
0
Цитата na3uTuB4uk ()
Согласен, я бы тоже, смысл делать в отдельной странице такую авторизацию, ее в poup окне самое то делать.

Можно даже и так.
vasilatiysergo
vasilatiysergo 2019-02-04 01:107
0
Цитата Kosten ()
Просто сам сделал на отдельную, так и перекидываю, модно поместить или нет.

А можешь сделать на аякс окне и залить ее сюда, думаю будет куда интереснее для начинающих пользователей.
Kosten
Kosten 2019-02-04 03:568
0
Не разу не приходилось страницу регистраций размещать в модальном окне, но там должно быть несколько функций, это забыл пароль, где происходит смена функционала, здесь не пойму.
-SAM-
-SAM- 2019-02-06 07:189
0
Там большой сложности нет, чтобы подобное сделать. Форма оборачивается в еще один div, делается визуально скрытой, после ставиться скрипт, который при нажатии открывает окно с содержимым этим. Вот пример, далее по аналогии (как и материалов подобных хватает на сайте, что идёт форма входа во всплывающем окне для uCoz, вот пример).
avatar