регистрация
856материалов
3280комментариев
234темы на форуме
6807пользователей

Красивая страницы входа для uCoz


Описание страницы:

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

Установка:

Заходим в Панель управления - Управление дизайном - Страница входа пользователей и заменяет все на:
Код
<html>         
<head>         
<meta charset="utf-8">         
<title>Страница входа</title>         
<meta name="viewport" content="width=device-width, initial-scale=1.0" />         
<link type="text/css" rel="StyleSheet" href="http://webmaster-ucoz.ru/ucoz/css/vhod.css" />         
</head>         
<body>         
<div id="login">         
<div id="blk549594" style="border:1px solid #CCCCCC;position:absolute;z-index:9999;background:url('http://s5.ucoz.net/img/fr/g.gif');display:none;"></div>         
<form id="frmLg549594" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549594();return false;">         
<div id="form-login">         
<h1>Вход</h1>         
<fieldset id="inputs">         
<input id="username" class="inputbox" type="text" style="width:100%" name="user" placeholder="Логин/E-mail адрес..." alt="username" autofocus required>         
<input id="password" type="password" name="password" class="inputbox" alt="password" placeholder="Пароль..." style="width:100%" required>         
</fieldset>         
<fieldset id="actions">         
<div class="readon">         
<input type="submit" name="sbm" id="submit" value="Войти" />         
</div>         
<a href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{modal:true,autosize:1,closeonesc:1},{url:'/index/5'});return false;">Забыли пароль?</a> <a href="/index/3">Регистрация</a>         
</fieldset>         
$POWERED_BY$
<input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="594" />         
</div>         
</div>         
</div>         
</form>         
</body>         
<script type="text/javascript">         
sendFrm549594=function(){         
var o=$('#frmLg549594')[0],pos=_uGetOffset(o),o2=$('#blk549594')[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('frmLg549594',{type:'POST',url:'/index/sub/',error:function() {         
$('#blk549594').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("$('#blk549594').css('display','none');",'1500');}});         
}         
</script>         
</html>


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

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

17 комментариев


Валера
Мне кажется, уже был у вас такой материал
Romchik
Домнин Роман @Romchik 26.09.2015 21:092
+1
Красиво смотрится
workman
Алексей @workman 26.09.2015 21:363
+1
Спасибо!!! Я старался ))) Ну и Вы с кодом формы подмогли
Romchik
Не за что
workman
Алексей @workman 26.09.2015 21:375
+1
Только там немного css стили нужно подправить, так как при установке рамки полей выходят за форму
Romchik
Домнин Роман @Romchik 26.09.2015 21:386
+1
Ну это Вы уже самостоятельно...
workman
Алексей @workman 26.09.2015 21:407
+1
Ну как Вы заметили, что уже про самостояльничал )))
Селена Гомес 27.09.2015 20:328
+2
Красиво
Annuhka3909
Хорошая форма... Вот только вставлять её нужно не на "Страница входа пользователей"", а в "Форма входа пользователей". Автору надо быть внимательнее... А так форма очень даже ничего, а если еще немного доработать под себя, вообще "конфетка" получается. Спасибо!
R
Ну ошибся автор и что? Спасибо лучше скажите что он свое время на вас трати и материалы вам выкладывает.
Ромчик
Я не в чем не ошибался)
Ромчик
Не Форма входа пользователей, а Страница входа пользователей
Annuhka3909
Ну так я кажется и сказала спасибо! Неужели лучше было промолчать, чтоб другие мучались?
Ромчик
НУ за спасибо и Вам спасибо. Я инструкцию правильно написал, предложенный мною код надо вставлять на страницу входа пользователя.
1 2 »
avatar
Хотите сайт всего за 10 дней?
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0