Красивая страницы входа для uCoz
827материалов
228тем на форуме
3003комментария
6152пользователя

Красивая страницы входа для 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
Материал просмотрен: 2850 раз
Категория материала: Шаблоны для uCoz
К материалу оставлено: 17 комментариев

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

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


Валера
Мне кажется, уже был у вас такой материал
Romchik
Домнин Роман @Romchik 26.09.2015 21:092
+1
Красиво смотрится
workman
Алексей @workman 26.09.2015 21:363
+1
Спасибо!!! Я старался ))) Ну и Вы с кодом формы подмогли
Romchik
Домнин Роман @Romchik 26.09.2015 21:364
+1
Не за что laughing
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
Красиво like
Annuhka3909
Хорошая форма... Вот только вставлять её нужно не на "Страница входа пользователей"", а в "Форма входа пользователей". Автору надо быть внимательнее... А так форма очень даже ничего, а если еще немного доработать под себя, вообще "конфетка" получается. Спасибо!
avatar
Ну ошибся автор и что? Спасибо лучше скажите что он свое время на вас трати и материалы вам выкладывает.
Ромчик
Я не в чем не ошибался)
Ромчик
Не Форма входа пользователей, а Страница входа пользователей
Annuhka3909
Ну так я кажется и сказала спасибо! Неужели лучше было промолчать, чтоб другие мучались?
Ромчик
НУ за спасибо и Вам спасибо. Я инструкцию правильно написал, предложенный мною код надо вставлять на страницу входа пользователя.
1 2 »
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта