« Симпатичная страница формы входа для 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?>
<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>
<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>
<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 | Просмотров: 575
Теги к материалу:
Поделиться в соц. сетях:
К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!
Комментариев: 0
| |