Всем наверное уже надоела эта кнопка входа через uNet которая портит дизайны и т.д ниже описано как решить эту проблему !
Вот собственно и код просто вставляете там где хотите видеть форму входа настраиваете ее чтоб показывалась только гостям и все !
Можно отредактировать дизайн самой формы
Вот если хотите как на скрине вертикальная !
<!--Панель авторизации mixlip.ru-->
<script type="text/javascript">
sendFrm549237=function(){
var o=$('#frmLg549237')[0],pos=_uGetOffset(o),o2=$('#blk549237')[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('frmLg549237',{type:'POST',url:'/index/sub/',error:function() {
$('#blk549237').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("$('#blk549237').css('display','none');",'1500');
}
});
}
</script>
<div id="blk549237" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s16.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549237" method="post" style="margin:0" onsubmit="sendFrm549237();return false;">
<div class="log_form">
<table border="0" cellspacing="1" cellpadding="0" width="385px" style="padding:1px 0 0 1px">
<tr>
<td width="370px">
<input class="loginField" type="text" name="user" value="Логин/E-mail" size="20" style="width:150px;" maxlength="50" onblur="if (value == '') {value = 'Логин/E-mail'}" onfocus="if (value == 'Логин/E-mail') {value =''}"/></br>
<input class="loginField2" type="password" name="password" size="20" style="width:150px" maxlength="15" onblur="if (value == '') {value = 'Пароль123'}" onfocus="if (value == 'Пароль123') {value =''}" value="Пароль123"/>
<input class="gbutton" name="sbm" type="submit" value="Вход" />
</tr>
</table><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="237" /></form>
</div>
<!--/Панель авторизации mixlip.ru--><!--Панель авторизации mixlip.ru-->
<script type="text/javascript">
sendFrm549237=function(){
var o=$('#frmLg549237')[0],pos=_uGetOffset(o),o2=$('#blk549237')[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('frmLg549237',{type:'POST',url:'/index/sub/',error:function() {
$('#blk549237').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("$('#blk549237').css('display','none');",'1500');
}
});
}
</script>
<div id="blk549237" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s16.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549237" method="post" style="margin:0" onsubmit="sendFrm549237();return false;">
<div class="log_form">
<table border="0" cellspacing="1" cellpadding="0" width="385px" style="padding:1px 0 0 1px">
<tr>
<td width="370px">
<input class="loginField" type="text" name="user" value="Логин/E-mail" size="20" style="width:150px;" maxlength="50" onblur="if (value == '') {value = 'Логин/E-mail'}" onfocus="if (value == 'Логин/E-mail') {value =''}"/>
<input class="loginField2" type="password" name="password" size="20" style="width:150px" maxlength="15" onblur="if (value == '') {value = 'Пароль123'}" onfocus="if (value == 'Пароль123') {value =''}" value="Пароль123"/>
<input class="gbutton" name="sbm" type="submit" value="Вход" />
</tr>
</table><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="237" /></form>
</div>
<!--/Панель авторизации mixlip.ru-->Вот и все дизайн формы редактируйте как хотите удачи !
Теги: 
Добавить пост 