Главная » 2012 » Апрель » 29 » Красивая форма входа на html5 + css3 (Скрипты для ucoz)
29.04.2012, 19:00

Красивая форма входа на html5 + css3





Довольно красивая форма входа для ucoz сайта. Радует то, что в ней, вместо js и jq используются html5 и css3.

Установка проста:

ПУ-->Управление дизайном-->Страница входа пользователей. В head подключаем наш css файл:
Code
<link rel="stylesheet" type="text/css" href="/css/style.css" />

Предварительно, вам необходимо, в файловом менеджере создать папки css и images и загрузить в них файлы из одноименных папок архива с исходниками.
Ниже, находим:
Code
$BODY$

и заменяем его на:
Code
<?if($USER_AGENT$='ie')?>$LOG_FORM$<?else?>$BODY$<?endif?>

Затем, ПУ-->Управление дизайном-->Форма входа пользователей. Заменяем весь код на этот:
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="Вход"/>
<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>
Материал взят с сайта infoscript.ru
Теги: Скачать Красивая форма входа на html5 + css3
Скачать "Красивая форма входа на html5 + css3"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: PS-Studio.Info
Категория: Скрипты uCoz | Просмотров: 3241 | Добавил: antisept | Рейтинг: 5.0/3 |
Теги: форма, HTML5, CSS, входа, Красивая, На
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]