» »

Стильная страница входа на сайт uCoz


Стильная страница входа на сайт uCoz

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

Что можете посмотреть здесь или вы как гость перейти на ее регистрация.



Это как пример, что все можно сделать и переделать самому. По ее работе замечаний пока нет и отлично можно зайти и регистрацию пройти.

Установка:

Панель управления - Управление дизайном - Страница входа пользователей и заменяет все на:

Код
<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://zornet.ru/Ajaxoskrip/Frank/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>


И на этом все, что нужно.
30.09.2015 Просмотров: 892 Комментарий: (10)

Поделиться в социальных сетях

Материал разместил

Комментарий: 10
kos
kos 30.09.2015 02:401
0
Хорошая форма входа. Админу респект.
Kosten
Kosten 30.09.2015 05:482
+1
Но реально оригинальней смотрится, чем стандартная, которая идет при установке.
FeStemBer
FeStemBer 30.09.2015 06:453
0
Хорошую и понятную себе сделали страницу.
Kosten
Kosten 30.09.2015 06:494
0
Ну каждый сможет сделать кк ему нужно в этом случай.
AnTron
AnTron 30.09.2015 07:205
0
Страница понравилась, просто сужу, чтоб на ней не чего лишнего не было и хороший дизайн был. Немного подскажу, что зеленые кнопки не идут и они должны выше кнопок стоять, где гравная написана, а вот ее можно зеленной сделать и в самый низ.
Kosten
Kosten 30.09.2015 07:416
0
Главное как указал, там идет стили к нему, и сам код, который вы поставите а все остальное вы сделаете в CSS настройках. Это увеличить или создать совершенно другой оттенок.
Сопрано
Сопрано 30.09.2015 07:567
0
AnTron, может просто хватить умничать, что это не то и там не так поставленно, от вас только и слышишь. А вот что то путевого подсказать, это не нужно, зачем, мы до жути умные и только за деньги небось.
Kosten
Kosten 30.09.2015 08:028
0
Вот понимаю, пошел конструктивный разговор.
ZruBkul
ZruBkul 03.10.2015 01:229
0
Видел вашу, отлично сделано, не чего лишнего, но только зеленый цвет, как то не по теме и в самом низу еще, туда вот главную страницу прописать нужно а кнопки все на ее место.
Kosten
Kosten 05.10.2015 07:0010
0
Вообще этот скрипт входа, можно сделать до неузнаваемости оригинальным. Просто добавил приветствие и сделал его прозрачным, не считая кнопок. А, да и по шире в стилях, если не ошибаюсь.
avatar