регистрация
856материалов
3264комментария
230тем на форуме
6750пользователей

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


Описание:

Очень красивая и стильная страница входа для локальных пользователей Вашего сайта, выполненная на CSS3 и HTML5. Страница входа полностью готова для использования. Для того, чтобы пользователь не запутался и заполнил все поля для входа, используется атрибут required. В материал присутствует демонстрация страницы входа, что бы вы, как говориться, могли ее пощупать.

Установка:

Для начала скачиваете архив с нашего сайта и папку login-page заливаете в свой файловый менеджер.

Далее переходите:
  • Панель управления
  • Дизайн
  • Управление дизайном (шаблоны)
  • Пользователи
  • Страница входа пользователей
И полностью меняете код страницы на этот:
Код
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Вход на сайт</title>
<link rel="stylesheet" href="/login-page/style.css">
</head>
<body>
<div id="blk549017" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('//s5.ucoz.net/img/fr/g.gif');display:none;"></div><form class="sign-up" id="frmLg549017" action="/index/sub/" method="post" onsubmit="sendFrm549017();return false;"><div id="form-login">
<h1 class="sign-up-title">Авторизация</h1>
<input type="text" name="user" alt="username" class="sign-up-input" placeholder="Логин" required>
<input type="password" name="password" size="18" alt="password" class="sign-up-input" placeholder="Пароль" required>
<div class="readon">
<div style="text-align: center;"><input type="submit" name="sbm" class="sign-up-button" value="Выполнить вход на сайт"></div>
</div>
<div>
<ul>
</ul>
</div>
</div><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="017" /></form>
<script type="text/javascript">
sendFrm549017=function(){
var o=$('#frmLg549017')[0],pos=_uGetOffset(o),o2=$('#blk549017')[0];
document.body.insertBefore(o2,document.body.firstChild);
$(o2).css({top:(pos['top'])+'px',left:(pos['left'])+'px',width:o.offsetWidth+'px',height:o.offsetHeight+'px',display:''}).html('<div align="left" style="padding:5px;"><div class="myWinLoad"></div></div>');
_uPostForm('frmLg549017',{type:'POST',url:'/index/sub/',error:function() {
$('#blk549017').html('<div align="left" style="padding:10px;"><div class="myWinLoadSF" title="Невозможно выполнить запрос, попробуйте позже"></div></div>');
_uWnd.alert('<div class="myWinError">Невозможно выполнить запрос, попробуйте позже</div>','',{w:250,h:90,tm:3000,pad:'15px'});
setTimeout("$('#blk549017').css('display','none');",'1500');}});
}
</script>
<center>$POWERED_BY$</center>
</body>
</html>


Шаблон опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о шаблоне:
Дата добавления материала: 26.02.2017 в 20:30
Материал просмотрен: 666 раз
Категория материала: Шаблоны для uCoz
К материалу оставлены: 4 комментария

Пожаловаться
Сказать спасибо
Источник

4 комментария


k
dimon ivanov @kosten5637 27.02.2017 17:551
0
Норм!
maksim-nowokoschnikov
Хороший шаблон
S
Под форму входа лучше бы переделали такой скрипт
n28_h
DiK KiD @n28_h 23.03.2017 10:144
Цитата
Под форму входа лучше бы переделали такой скрипт


Согласен было бы круто сделайте пожалуйста !
avatar
-50% на шаблоны от TemplateMonster
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0