Форум

И так для начало нам следует зайти в админ панель вашего сайта в системе uCoz:

Дизайн => Управление дизайном =>Пользователи => Форма входа пользователей

и заменить стандартный html код формы входа для uCoz., на следующий код:

Code

Логин:

Пароль:

    Забыл пароль | Регистрация

Шаг 2, установим CSS:

Теперь нам осталось выбрать один из двух вариантов css стилей для нашей формы входа для uCoz.

Вариант № 1 White (Белый):

Скрин: http://s017.radikal.ru/i402/1202/b4/9a0bda713aed.png

CSS-Code

Code

/* Форма входа
  ------------------------------------------*/
  #cell_vxod {
    float:left;
    width:270px;
  }

  #cell_vxod a:link,
  #cell_vxod a:visited {text-decoration:none; color:#5a79b8;}
  #cell_vxod a:hover {text-decoration:none; color:#5cb85a;}

  #vxod_reg {
    float:left;
    font:10px Verdana,Arial,Helvetica, sans-serif;
    color:#BABABA;
    font-weight: bold;
    width:212px;
    padding: 5px 5px 0px 0px;
  }

  #cell_knopkav {
    float:left;
    width:53px;
  }

  .cell_pola_vxod {
    float:left;
    margin-bottom: 10px;
  }

  .vxod_name {
    width:55px; text-shadow: 1px 1px 1px #fff;
    background:#d6d6d6;
    border-right: none;
    border-left: 1px solid #d6d6d6;
    padding: 5px 0px 5px 5px;
  }

  .login_pole {
    width:193px;
    border-left: none;
    border-right: 1px solid #d6d6d6;
    padding: 5px 5px 5px 10px;
    vertical-align:middle;
  }

  .login_pole,
  .vxod_name {
    float:left;
    font:11px Verdana,Arial,Helvetica, sans-serif;
    color:#555;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    margin:0px;
  }

  .login_pole {background: #f6f6f6 url(http://www.center-dm.ru/ucoz/forma_vxoda/2/fon_ugol_pola_White.gif) no-repeat left;}
  .login_pole:focus {background: #fff url(http://www.center-dm.ru/ucoz/forma_vxoda/2/fon_ugol_pola_White.gif) no-repeat left;}

  .knopka_vxoda {
    color:#555; text-shadow: 1px 1px 1px #fff;
    padding: 3px 0px;
    width:53px;
    background: #f6f6f6;
    border:1px solid #d6d6d6;
    margin:0px;
  }

  .knopka_vxoda:hover {
    background: #d6d6d6;
  }
  /* -------------------------------------- */

Вариант № 2 Black (Чёрный):

Скрин: http://s018.radikal.ru/i517/1202/31/66571105d084.png

CSS-Code

Code

/* Форма входа
  ------------------------------------------*/
  #cell_vxod {
    float:left;
    width:270px;
  }

  #cell_vxod a:link,
  #cell_vxod a:visited {text-decoration:none; color:#69A4BD;}
  #cell_vxod a:hover {text-decoration:none; color:#5CB703;}

  #vxod_reg {
    float:left;
    font:10px Verdana,Arial,Helvetica, sans-serif;
    color:#BABABA;
    font-weight: bold;
    width:212px;
    padding: 5px 5px 0px 0px;
  }

  #cell_knopkav {
    float:left;
    width:53px;
  }

  .cell_pola_vxod {
    float:left;
    margin-bottom: 10px;
  }

  .vxod_name {
    width:55px;text-shadow: 1px 1px 1px #8A8A8A;
    background:#656565;
    border-right: none;
    border-left: 1px solid #232323;
    padding: 5px 0px 5px 5px;
  }

  .login_pole {
    width:193px;
    border-left: none;
    border-right: 1px solid #232323;
    padding: 5px 5px 5px 10px;
    vertical-align:middle;
  }

  .login_pole,
  .vxod_name {
    float:left;
    font:11px Verdana,Arial,Helvetica, sans-serif;
    color:#111;
    border-top: 1px solid #232323;
    border-bottom: 1px solid #878787;
    margin:0px;
  }

  .login_pole {background: #767676 url(http://www.center-dm.ru/ucoz/forma_vxoda/2/fon_ugol_pola_Black.gif) no-repeat left;}
  .login_pole:focus {background: #808080 url(http://www.center-dm.ru/ucoz/forma_vxoda/2/fon_ugol_pola_Black.gif) no-repeat left;}

  .knopka_vxoda {
    color:#111;
    padding: 3px 0px;
    width:53px;
    background: #8a8a8a;
    border:1px solid #232323;
    margin:0px;
  }

  .knopka_vxoda:hover {
    background: #656565;
  }
  /* -------------------------------------- */