Вы вошли как:  Гость
Форум
Это сообщество, объединяющее в себе пользователей, заинтересованных в создании сайтов и разработки дизайнов различной тематики. У нас вы сможете узнать мнения профессионалов по любым вопросам или поделиться своим опытом с неопытными пользователями, найти полезную информацию и просто пообщаться с хорошими людьми.
Присоединяйтесь к нам!

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

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

Установка:
1. Скачиваем документ "vhod", и закидываем в папку "css" на ваш сервер.
2. Заходим в Панель управления - Управление дизайном - Страница входа пользователей и заменяет все на:
Код
<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="/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>
Комментарии
Статистика