« Темная форма входа для uCoz »

Описание материала:

Темная и очень красивая форма входа для сайтов системы uCoz. Форма сделано в темном стиле, а при наведение курсора на одну из ссылок "вход" или "регистрация" она меняет цвет из черного в бирюзовый. Данная форма очень проста в установке и не требует особых знаний.

Установка:

  • Скачиваем архив и заливаем папку img в корень своего сайта.
  • Заходим в ПУ >>> Управление дизайном >>> Форма входа пользователей и заменяем весь код на данный:
    Код
    <div class="block_login"><script type="text/javascript">  
    sendFrm549354=function(){  
      var o=$('#frmLg549354')[0],pos=_uGetOffset(o),o2=$('#blk549354')[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('frmLg549354',{type:'POST',url:'/index/sub/',error:function() {  
      $('#blk549354').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("$('#blk549354').css('display','none');",'1500');}});  
    }  
    </script>  
    <div id="blk549354" style="border:1px solid #CCCCCC;position:absolute;z-index:82;background:url('/img/g.gif');display:none;"></div><form id="frmLg549354" action="/index/sub/" method="post" style="margin:0" onsubmit="sendFrm549354();return false;"><div class="rowslog"><input name="user" type="text"></div>  
      <div class="rowspass"><input name="password" type="password"></div>  
      <input name="sbm" type="submit" value=" " class="bLogin_submit">  
      <a href="/index/3" class="bLogin_reg"></a><input type="hidden" name="a" value="2"><input type="hidden" name="ajax" value="1"><input type="hidden" name="rnd" value="354"></form></div>

  • Заходим в ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и в самый низ ставим код:
    Код
    /* Темная форма входа для uCoz */
    .block_login {background:url(/img/login_bg.png) no-repeat; width:215px; height:104px; display:block; margin:0 0 5px 0; overflow:hidden;}  
    .block_login input {background:none; border:0; margin:0; padding:0; outline:none;}  
    .block_login .rowslog {height:18px; padding:5px 5px 5px 50px; width:140px; display:block; margin:5px;}  
    .block_login .rowspass {height:18px; padding:5px 5px 5px 55px; width:140px; display:block; margin:5px;}  
    .block_login input[type=submit].bLogin_submit {background:url(/img/login_bg.png) no-repeat 0 0; height:30px; width:46px; float:left; margin:0 2px 0 5px; cursor:pointer;}  
    .block_login input[type=submit]:hover.bLogin_submit {background-position:0 -30px;}  
    .block_login a.bLogin_reg {background:url(/img/login_bg.png) no-repeat -48px 0; height:30px; width:90px; float:left;}  
    .block_login a.bLogin_reg:hover {background-position:-48px -30px;}
    /* ------------------------- */

    Готова!


    Скачать ( Размер архива 2.9 Kb )

    По данной ссылке, Вы можете скачать или купить архив данного материала

    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 981 | Загрузок: 28

    Теги к материалу: форма, входа, Темная, ucoz, для

    Поделиться в соц. сетях:

    К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

    Комментариев к материалу: 0
    avatar