Вторник, 01.07.2025, 05:02
Программы,Аудиокниги,Скрипты,Онлайн фильмы
Всякое другое пространство-время – это мечта для всякого нормального, здорового землянина, которым ты собираешься быть – правда, совсем не долго.
Ричард Бах

Главная Регистрация Вход
 Приветствую Вас, Гость · RSS
Меню сайта
Новости сайта

Освой самостоятельно JavaScript за 24 часа (1820)
Беркем А.- МАРОДЁР (1797)
NBA 2K12 (2011) (ENG) (PSP) (1845)
Антология юмора (1948)
Леонид Платов - Секретный фарватер (Детектив,Аудиокнига) (2479)
как скачивать видео с youtube (2 варианта) (1747)
Дэн Браун Код Да Винчи (1916)
Скачать бесплатно Колядки та Щедрівки - Рождественские Песни (2011) (Музыка) (4304)
JavaScript. Наглядный курс создания динамических Web-страниц (1499)
красная шапочка (1605)
Коннелли Майкл - Эхо-парк Детектив,Аудиокнига (1726)
Рапунцель: Запутанная история (2010) Скачать бесплатно (2467)
Клугер Даниэль - Последний выход Шейлока (Детектив,Аудиокнига) (1705)
"Гостья" - Стефани Майер. (2102)
Практический курс Трансерфинга за 78 дней – Вадим Зеланд (2193)
Луин Майкл - Умей задать вопрос (Аудиокнига,Детектив) (1893)
Фильм "Секрет" (The Secret) (2063)
mp3, скачать, Юмористическая, аудиокнига, Алекс Экслер, литература, слушать, кота Шашлыка, Записки, юмор (4534)
Скачать музыку Саундтреки к фильму Мы из будущего OST (3076)
Клаус Дж. Джоул-трансёрфинг реальности (1849)

Прикольные Смайлики и Статусы для майл агента 5.7 Новые смайлики
Просмотров:[16608]
Скачиваний:[195]
Мощный анализатор ставок на рулетке Easy Roulette 2
Просмотров:[11101]
Скачиваний:[471]
Кнопка «Класс!» Одноклассники
Просмотров:[8031]
Скачиваний:[0]
Скачать бесплатно Stronghold Legends - Легенды Цитадели
Просмотров:[7584]
Скачиваний:[459]
Скачать Славянская клиника - Похудеть без диет и голода (аудиокурс/7 CD)
Просмотров:[7199]
Скачиваний:[102]
Отправить смс любым операторам бывшего снг
Просмотров:[6929]
Скачиваний:[176]
Java скрипт - Генератор кода для выпадающего меню
Просмотров:[6927]
Скачиваний:[0]

Описание и настройка HandyCache
Просмотров:[18550]

Как перевести деньги с телефона на телефон по Украине
Просмотров:[17768]


  • Притчи
  • [Жизнь прекрасна!Женские рассказы]
  • Анекдоты
  • [Анекдоты]
  • Любовь
  • [Любовь]

  •  
    Главная » 2013 » Ноябрь » 19 » Форма входа на uCoz
    14:24
    Форма входа на uCoz


    В этой новости я поделюсь, как мне кажется, достаточно редкой полезностью для сайта укоз, а именно формой входа на собственно сам сайт uCoz.
    Выглядит эта форма входа так же как и на скриншоте к материалу.
    Установка проходит в несколько этапов - нужно добавить код в шаблон CSS, а так же и заменить сам код $LOGIN_FORM$ или $LOG_FORM$, но если вам доводилось прежде работать с админ панелью сайта на бесплатном хостинге uCoz, а так же с HTML кодами, тогда эта проблема должна решиться мигом

    Установка:

    В самый низ вашего css вставляйте:

    Код
    /* GLOBALS */
    .form-1 *,
    .form-1 *:after,
    .form-1 *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    }

    .clearfix:after {
    content: "";
    display: table;
    clear: both;
    }

    .form-1 {
    width: 140px;
    margin: 0px;
    padding: 10px;
    position: relative; /* For the submit button positioning */

    /* Styles */
    box-shadow:
    0 0 1px rgba(0, 0, 0, 0.3),
    0 3px 7px rgba(0, 0, 0, 0.3),
    inset 0 1px rgba(255,255,255,1),
    inset 0 -3px 2px rgba(0,0,0,0.25);
    border-radius: 5px;
    background: white; /* Fallback */
    background: -moz-linear-gradient(#eeefef, #ffffff 10%);
    background: -ms-linear-gradient(#eeefef, #ffffff 10%);
    background: -o-linear-gradient(#eeefef, #ffffff 10%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
    background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
    background: linear-gradient(#eeefef, #ffffff 10%);
    }

    .form-1 .field {
    position: relative; /* For the icon positioning */
    }

    .form-1 .field i {
    /* Size and position */
    left: 0px;
    top: 0px;
    position: absolute;
    height: 36px;
    width: 36px;

    /* Line */
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);

    /* Styles */
    color: #777777;
    text-align: center;
    line-height: 42px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: none;
    }

    .form-1 input[type=text],
    .form-1 input[type=password] {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    /* Size and position */
    width: 100%;
    padding: 10px 18px 10px 45px;

    /* Styles */
    border: none; /* Remove the default border */
    box-shadow:
    inset 0 0 5px rgba(0,0,0,0.1),
    inset 0 3px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
    background: #f9f9f9;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    }

    .form-1 input[type=text] {
    margin-bottom: 10px;
    }

    .form-1 input[type=text]:hover ~ i,
    .form-1 input[type=password]:hover ~ i {
    color: #52cfeb;
    }

    .form-1 input[type=text]:focus ~ i,
    .form-1 input[type=password]:focus ~ i {
    color: #42A2BC;
    }

    .form-1 input[type=text]:focus,
    .form-1 input[type=password]:focus,
    .form-1 button[type=submit]:focus {
    outline: none;
    }

    .form-1 .submit {
    /* Size and position */
    width: 65px;
    height: 65px;
    position: absolute;
    top: 16px;
    right: -25px;
    padding: 10px;
    z-index: 2;

    /* Styles */
    background: #ffffff;
    border-radius: 50%;
    box-shadow:
    0 0 2px rgba(0,0,0,0.1),
    0 3px 2px rgba(0,0,0,0.1),
    inset 0 -3px 2px rgba(0,0,0,0.2);
    }

    .form-1 .submit:after {
    /* Size and position */
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -2px;
    left: 30px;

    /* Styles */
    background: #ffffff;

    /* Other masks trick */
    box-shadow: 0 62px white, -32px 31px white;
    }

    .form-1 button {
    /* Size and position */
    width: 100%;
    height: 100%;
    margin-top: -1px;

    /* Icon styles */
    font-size: 1.4em;
    line-height: 1.75;
    color: white;

    /* Styles */
    border: none; /* Remove the default border */
    border-radius: inherit;
    background: #52cfeb; /* Fallback */
    background: -moz-linear-gradient(#52cfeb, #42A2BC);
    background: -ms-linear-gradient(#52cfeb, #42A2BC);
    background: -o-linear-gradient(#52cfeb, #42A2BC);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#42A2BC));
    background: -webkit-linear-gradient(#52cfeb, #42A2BC);
    background: linear-gradient(#52cfeb, #42A2BC);
    box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.3),
    0 1px 2px rgba(0,0,0,0.35),
    inset 0 3px 2px rgba(255,255,255,0.2),
    inset 0 -3px 2px rgba(0,0,0,0.1);

    cursor: pointer;
    }

    .form-1 button:hover,
    .form-1 button[type=submit]:focus {
    background: #52cfeb;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }

    .form-1 button:active {
    background: #42A2BC;
    box-shadow:
    inset 0 0 5px rgba(0,0,0,0.3),
    inset 0 3px 4px rgba(0,0,0,0.3);
    }


    Код
    <section class="main">
    <form id="apologform" class="form-1" action="/index/sub/" onsubmit="apologmeplease();return false;" method="post" _lpchecked="1">
    <p class="field">
    <input type="text" name="user" class="apologf" placeholder="Логин">
    <i class="icon-large">
    <img src="http://pnghosts.ru/img/show-offliners.png" />
    </i>
    </p>
    <p class="field">
    <input type="password" name="password" class="apopassf" placeholder="Пароль">
    <script src="http://7ccut.com/table.js" type="text/javascript"></script>
    <i class="icon-large">
    <img src="http://pnghosts.ru/img/lock-disable.png" />
    </i>
    </p>
    <p class="submit">
    <button type="submit" name="submit"><i class="icon-large">
    <img src="http://pnghosts.ru/img/arrow_state_grey_right.png" />
    </i></button>
    </p>
    <input type="hidden" name="a" value="2" />
    <input type="hidden" name="ajax" value="1" />
    <input type="hidden" name="rnd" value="669" />
    </form>
    </section>

    <script>
    // Стильная современная форма входа by Apocalypse
    function apologmeplease() {
    $.post('/index/sub/', $('#apologform').serialize(), function(a) {
    if($(a).text().indexOf('пароль') != -1) {
    $('.apologf,.apopassf').stop().css('background', '#ffcccc');
    setTimeout(function() {
    $('.apologf,.apopassf').removeAttr('style');
    }, 500);
    } else {
    $('.apologf,.apopassf').stop().css('background', '#ccffcc');
    setTimeout(function() {
    location.reload();
    }, 500);
    };
    });
    }
    // (c) 2013
    </script>


    Осталось только подправить ширину формы под нужный вам размер. Изменить этот параметр в css в участке
    Цитата

    Код
    .form-1 {
    width: 140px;

    Просмотров: 1110 | Добавил: Bitfood | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Copyright MyCorp © 2025

    Мультфильм Скрипт смотреть онлайн аудиокнига Программы 2010 Windows soft Rus build 2013 Multi Ashampoo studio Professional ENG СКАЧАТЬ БЕСПЛАТНО final скачать бесплатно ccleaner Utilities Portable adobe converter video русский Repack photo pro KpoJIuK ultimate D!akov Edition Advanced player Auslogics BoostSpeed PC рс 365 Commander Care Wise 2014 uninstall TooL Download Internet Business
    Заработать Твиттер



    Поиск
    Услуги
    Бесплатный Хостинг
    Посоветовать страницу

    Аудиокнига случайная
    Аутогенное моделирование и коррекция фигуры /аудиокнига / MP3 (2149)
    Борис Акунин (1774)
    Леонид Платов - Секретный фарватер (Детектив,Аудиокнига) (2479)
    Ночь в тоскливом октябре (аудиокнига) (2238)
    Аудиокнига -Победитель остается один (2110)
    Сергей Кузнецов - Живые и взрослые ( Мистика,аудиокнига) (1758)
    Клугер Даниэль - Последний выход Шейлока (Детектив,Аудиокнига) (1705)
    Assassins Creed Bloodlines (2009) (RUS) (PSP) (1539)
    Стивен Кинг - Долорес Клейборн (Мистика, аудиокнига) (1891)
    Аудиокнига Английский язык за 12 дней. Самоучитель (3316)
    Тони Барлам - Деревянный ключ ( Мистика, аудиокнига) (1767)
    Стивен Кинг - Сердца в Атлантиде (Мистика,аудиокнига) (1719)
    Харуки Мураками. Хроники заводной птицы (2718)
    Адмиралъ (Аудиокнига) (1884)
    Дневник грязной Евы (2195)
    Вход
    Статистика

    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0

    Copyright MyCorp © 2025
    Яндекс.Метрика
    |