Страница для входа с авторизацией uCoz
 | |
| Делаем страницу для входа пользователей на сайт и авторизацией на портале конструктора uCoz, где получится красивая форма со всеми функциями. Вообще у нас после установки получится отдельная страница под ссылкой, которую вы можете выставить под кнопку на главной, где при нажатии пользователь может войти под своим логином, а гость пройти полноценную регистрацию. Так как установлена фона по центру, а вместо фона можно поставить тематическое изображение, чем страница отличается от других. Тем, что она отделена и ее можно красиво оформит, как в тематическом направлении или в общем. Это поставить на темный или светлый формат сайта, где будет красивый фоновый оттенок. Веб разработчик считает сделать свой сайт оригинальным от других, хоть схожая тематика, и с чего первым нужно начинать, но этот главная страница и безусловно где можно пройти регистрацию, чтоб стать пользователем. Вот здесь предоставлен код, который уже выставлено операторам, где остается его установить. Приступаем к установке: Первым делом прописываем код в то место, где по вашему мнению должна стоять ссылка, которая идет для входа пользователей. Код <?if($USER_LOGGED_IN$)?> <a rel="nofollow" href="/index/10" title="Выход">Выход</a> <?else?> <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 | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 9 | |
| |
