Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Активный форум » WEB-мастеру » Скрипты для uCoz » Пользователи » Форма входа CSS3 & HTML5
Форма входа CSS3 & HTML5
Дата: Сб, 03.11.2012, 21:01:28 | Сообщение # 1
Аватарка Nywka
Jefic Jacob Barton Normak
OFF
Пользователь
243 Сообщения:
27 Награды:
0 Отзывы:
Skype пользователя:
Сайт пользователя:


Очень красивая форма входа в которой вместо jq & js используем CSS3 и HTML5,ну очень простая в установке форма входа для uCoz. Очень не стандартная, но удобная форма входа. Поставив её, вы можете удивить пользователей своей уникальностью.




Установка:
  • ПУ-->Управление дизайном-->Страница входа пользователей. В head подключаем css файл:
    Код
    <link rel="stylesheet" type="text/css" href="/css/style.css" />


    Предварительно, вам необходимо, в файловом менеджере создать папки css и images и загрузить в них файлы из одноименных папок архива с исходниками.
    Скачать архив с diz-cs

    Ниже, находим:
    Код
    $BODY$


    И заменяем его на:
    Код
    <?if($USER_AGENT$='ie')?>$LOG_FORM$<?else?>$BODY$<?endif?>


    Затем, ПУ-->Управление дизайном-->Форма входа пользователей. Заменяем весь код на этот:
    Код
    <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="Вход"/>    
        <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>
  • Сообщение отредактировал Nywka - Вс, 04.11.2012, 16:56:42
    Дата: Чт, 15.11.2012, 22:03:17 | Сообщение # 2
    Аватар не установлен
    OFF
    Пользователь
    108 Сообщения:
    0 Отзывы:
    Skype пользователя:
    Отлчиный скрипт , нужный.
    Активный форум » WEB-мастеру » Скрипты для uCoz » Пользователи » Форма входа CSS3 & HTML5
    • Страница 1 из 1
    • 1
    Поиск: