[DoN-A] [ Offline ] Дата: Воскресенье, 28.08.2011, 10:59:43 | Сообщение # 1
[ 104 ]
Все как всегда ищут новые типы дизайнов отдельных деталей сайта, и вот я вам предлагаю интересный тип формы входа или авторизация для пользователей сайта ucozon.ru. Чем то форма похоже на ту что создавал mdbaner как всегда стилизация под тип как Вконтакте всем известная стилизация социальной сети, для примера смотрим скрин Форма на стадии тестирования, возможны баги. Code
<script type="text/javascript"> sendFrm549790=function(){ var o=$('#frmLg549790')[0],pos=_uGetOffset(o),o2=$('#blk549790')[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('frmLg549790',{type:'POST',url:'/index/sub/',error:function() { $('#blk549790').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("$('#blk549790').css('display','none');",'1500'); } }); } </script> // http://shpiller.in/ <style> div.input_submit.alt {background:#758a9d url("http://shpiller.in/ucoz/scripts/1/highlight_faint.png") repeat-x 0 0px; border:1px solid #61768a; color:#e6edf4; text-shadow:rgba(0,0,0,0.3) 0px 1px 0px} div.input_submit.alt:hover {background-color:#8197aa; color:#fff; cursor:pointer;} </style> <form id="frmLg$ID$" action="/index/sub/" method="post" style="margin: 0pt;" onsubmit="sendFrm$ID$();return false;"> <div style="margin-bottom: 2px; color: rgb(119, 119, 119);">Логин:</div> <div><input class="loginField" name="user" value="" size="20" style="width: 100%;" maxlength="50" type="text"></div> <div style="margin-bottom: 2px; margin-top: 1px; color: rgb(119, 119, 119);">Пароль:</div> <div><input class="loginField" name="password" size="20" style="width: 100%;" maxlength="15" type="password"></div> <div style="display: none;"><table border="0" cellpadding="0" cellspacing="1" width="100%"> <tbody><tr> <td nowrap="nowrap"><input id="rementry" name="rem" value="1" checked="checked" type="checkbox"><label for="rementry">запомнить</label></td> <td align="right" valign="top"><input class="loginButton" id="EnterUser" name="sbm" value="Вход" type="submit"></td> </tr></tbody></table></div> <div style="border-right: 0px none; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) -moz-use-text-color -moz-use-text-color; background: none repeat scroll 0% 0% rgb(243, 243, 243); margin: 5px -5px -5px; padding: 5px;"> <div style="float: right;"><div class="input_submit alt" onclick="$('#EnterUser').click()" style="padding: 5px 10px;"><b>Войти</b></div></div> <div><a href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;" style="color: rgb(153, 153, 153); text-shadow: 0px 1px 0px rgb(255, 255, 255);">Восстановить пароль</a></div> <div><a href="/index/3" style="color: rgb(153, 153, 153); text-shadow: 0px 1px 0px rgb(255, 255, 255);">Зарегистрироваться</a></div><div style="clear: both;"></div> </div> <input name="a" value="2" type="hidden"><input name="ajax" value="1" type="hidden"><input name="rnd" value="805" type="hidden"></form>
Сообщение отредактировал [DoN-A] - Воскресенье, 28.08.2011, 11:00:06