ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Красивая форма входа + личный кабинет для ucoz

Красивая форма входа + личный кабинет для ucoz

Красивая форма входа + личный кабинет для ucoz
Красивая форма входа + личный кабинет для ucoz. В коде сразу прописаны стили, что говорит что по дизайну будит смотреться отлично. Создан для светлых порталов, так же можно установить и на темный.
На сайте zornet.ru вы всегда найдете нужный скрипт или шаблон ucoz для сайта. также на форуме есть раздел все для сайта ucoz. И там же можно найти раздел о помощи или подсказки по теме дизайн сайта.

Приступим к установке:

Вставляем в правый или левый блок этот скрипт:

Код
<?if($USER_LOGGED_IN$)?>  
  <div class="BlockCont">  

  <div style="margin:-5px; margin-bottom:5px; border:0px; border-bottom:1px solid #ccc; background:#fff; padding:5px; color:#000;">  
  Здравствуйте, <b>$USERNAME$</b>!  
  </div>  
  <div style="margin:-5px;">  
  <table border="0" cellpadding="0" cellspacing="0" width="100%">  
  <tr>  
  <td style="padding:9px; border:0px; border-right:1px dotted #ccc; background:#f3f3f3;" width="50px" valign="top">  
  <?if($USER_AVATAR_URL$)?>  
  <img title="$USERNAME$" src="$USER_AVATAR_URL$" border="0" width="50px" class="news_screen1">  
  <?else?><?if($USER_LOGGED_IN$)?><img title="$USERNAME$" src="http://zornet.ru/CSS-ZORNET/sat/no-ava-cs.png" border="0" width="50px" class="news_screen1"><?endif?><?endif?>  

  </td>  
  <td style="padding:0px;" valign="top">  
  <a class="Smenu_link" style="color:#444;" href="/index/8">Мой профиль</a>  
  <a class="Smenu_link" style="border-top:1px solid #ccc;color:#444;" href="/index/14">Мои сообщения </a>  
  <a class="Smenu_link" style="border-top:1px solid #ccc;color:#444;" href="/index/11">Мои настройки</a>  
  <a class="Smenu_link" style="border-top:1px solid #ccc;color:#444;" href="/index/10">Выход с сайта</a>  
  </td>  
  </tr></table>  
  </div>  

  </div>  
  <?else?>  
  <div class="BlockCont">  
  <script type="text/javascript">  
  sendFrm549786=function(){  
  var o=$('#frmLg549786')[0],pos=_uGetOffset(o),o2=$('#blk549786')[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('frmLg549786',{type:'POST',url:'/index/sub/',error:function() {  
  $('#blk549786').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("$('#blk549786').css('display','none');",'1500');  
  }  
  });  
  }  
  </script>  
  <div id="blk549786" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('http://s59.ucoz.net/img/fr/g.gif');display:none;"></div><form id="frmLg549786" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549786();return false;">  
  <div class="login_bg"><div class="login_icon"><img src="http://zornet.ru/CSS-ZORNET/sat/login_icon.png"></div><input style="border:0px;font-family:Tahoma;color:#afafaf;" type="text" name="user" onFocus="if(value=='Введите логин...'){value='';}" onBlur="if(value=='') {value='Введите логин...';}" value="Введите логин..." size="20" style="width:100%;" maxlength="50"/></div>  
<div class="login_bg" style="margin:2px 0 0 0;"><div class="login_icon"><img src="http://www.csomsk.ru/1-ucoz/pm/key_icon.png"></div><input style="border:0px;font-family:Tahoma;color:#afafaf;" type="password" name="password" onFocus="if(value=='Введите пароль...'){value='';}" onBlur="if(value=='') {value='Введите пароль...';}" value="Введите пароль..." size="20" style="width:100%" maxlength="15"/></div>  
  <div style="display:none;">  
  <table border="0" cellspacing="1" cellpadding="0" width="100%">  
  <tr>  
  <td nowrap><input id="remmain" type="checkbox" name="rem" value="1" checked="checked"/><label for="remmain">запомнить</label></td>  
  <td align="right" valign="top"><input class="loginButton" id="EnterUser" name="sbm" type="submit" value="Вход"/></td>  
  </tr>  
  </table>  
  </div>  
  <div style="border:0px; border-top:1px solid #ccc; background:#f3f3f3; margin:-5px; margin-top: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:#999; text-shadow:0px 1px 0px #fff;">Восстановить пароль</a></div>  
  <div><a href="/index/3" style="color:#999; text-shadow:0px 1px 0px #fff;">Зарегистрироваться</a></div>  
  <div style="clear:both"></div>  
  </div><input type="hidden" name="a" value="2" /><input type="hidden" name="ajax" value="1" /><input type="hidden" name="rnd" value="786" /></form>  

  </div>  
  <?endif?>  
  <style>  
.login_bg {background:#fff;height:15px;border:1px solid #eaeaea;padding:2px 0 2px 2px;color:#afafaf;font-family:Tahoma;}  
.login_icon {float:right;height:17px;border-left:1px dotted #d5d5d5;background:#f8f7f7;padding:1px 2px;margin:-2px 0 -5px 0;}  
.BlockCont,.postop {border:1px solid #ccc; background:#fff; padding:5px; margin:7px 1px 7px 1px; color:#6d6d6d; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}  
  a.Smenu_link:link, a.Smenu_link:visited, a.Smenu_link:active {text-decoration:none; color:#555; display:block; background:#f5f3f3; padding:5px 5px;}  
  a.Smenu_link:hover {text-decoration:none; color:#333; display:block; background:#fff; padding:5px 5px;}  
  .news_screen1 {padding:4px;background:#f0f0f0;border:1px solid #ddd;}  
  div.input_submit {background:#2a3946 url("http://zornet.ru/CSS-ZORNET/sat/highlight_faint.png") repeat-x 0 0px; border:1px solid #202c36; color:#fff; display:inline-block; padding:5px 10px; text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px; -moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}  
  div.input_submit:hover {background-color:#364959; color:#fff; cursor:pointer;}  

  div.input_submit.alt {background:#758a9d url("http://zornet.ru/CSS-ZORNET/sat/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;}  

  div.input_submit.some {background:#e9e9e9 url("http://zornet.ru/CSS-ZORNET/sat/highlight_faint.png") repeat-x 0 0; border:1px solid #ccc; text-shadow:#fff 0px 1px 0px; color:#666;}  
  div.input_submit.some:hover {cursor:default; background-color:#f9f9f9; color:#666} </style>

Внимание: Если у вас уже есть форма входа удалите ее!
10 Апреля 2012 Просмотров: 6765 Комментариев: (16)

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

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

Оставь свой отзыв

Комментарии: 16
admin3038
admin3038 27 Марта 2014 19:221
0
Форма входа не исчезает даже когда вошел((
Kosten
Kosten 27 Марта 2014 19:232
0
Операторы не прописаны.. исправлю.
Kosten
Kosten 27 Марта 2014 19:303
0
admin3038, попробуйте сейчас.
admin3038
admin3038 27 Марта 2014 19:334
0
Сейчас после авторизации мини профиль исчезает, а когда не авторизован он есть.
Kosten
Kosten 27 Марта 2014 19:465
0
admin3038, так и должно быть. А то как пользователь будет на сайт заходить. Зашел через профиль и он исчез.
Kosten
Kosten 27 Марта 2014 19:516
0
Так понял вашу мысль.. не те операторы поставил..теперь исправил и должно работать отлично.
Админ2339
Админ2339 21 Июля 2014 11:497
0
Не работает(
1 2 3 »
avatar