Меню сайта
Категории раздела
| Шаблоны для uCoz [38] |
| Шапки для uCoz [136] |
| Скрипты для uCoz [143] |
| Иконки для групп uCoz [17] |
| Иконки для форума uCoz [1] |
Статистика
Наши партнеры
Мини-чат
Форма входа
Статистика
Всего юзеров:
Счетчик материалов:
Друзья сайта
Выдвижная просилка о регистрации (очень красиво и оригинально)
0
469
Представляем вам очень красивый и оригинальный скрипт.
Работа данного скрипта заключается в том, чтобы, сверху вниз "упало" красиво оформленное сообщение о просьбе зарегистрироваться или же войти на сайт под своим логином, а через 3 секунды это сообщение становится красным. Исчезает же оно через 30 секунд точно так же, как и появилось (быстро и красиво)
Установка:
Скрипт нужно поставить на нужной вам странице после тега :
<style> .ls2 {z-index: 100;border:2px solid #fec4c4 !important;background:#fee4e3 !important;} #ls {z-index: 100;overflow:hidden;padding:10px;border:2px solid #ddd;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;background:#f2f2f2;position:fixed;right:30px;top:-80px;-moz-box-shadow:0px 0px 3px #bdbdbd;box-shadow:0px 0px 3px #bdbdbd;-webkit-box-shadow:0px 0px 3px #bdbdbd;} </style> <script> $(document).ready( function(){ setTimeout( function(){ $('#ls').animate({top:'+=490'},450);},1000 ); setTimeout( function(){ $('#ls').addClass('ls2');},3000 ); setTimeout( function(){ $('#ls').animate({top:'-=490'},450);},30000) } ) </script> <div id="ls"> <span style="color:gray">Здравствуйте, <b>Гость</b>!<br>Мы просим вас <b><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><span style="color:gray">войти</span></a></b> или <b><a href="/index/3"><span style="color:gray">зарегистрироваться</span></a></b> у нас на сайте.</center> </span> </div>
Настройка скрипта:
Как вы наверное уже заметили, скрипт разделен на 3 части.
Первая часть отвечает за визуальное оформление и размещение окошка на экране.
Вторая часть отвечает за плавное появление окошка и время для действий:
$('#ls').animate({top:'+=490'},450);},1000
$('#ls').addClass('ls2');},3000
$('#ls').animate({top:'-=490'},450);},30000)
Обратите внимание на выделенные красным цифры!
Для начала, значение 1000 = 1 секунде.
Код под цифрой (1), отвечает за время, через которое должно появится окошко.
Код под цифрой (2), отвечает за время, через которое окошко становится красным цветом.
Код под цифрой (3), отвечает за время, через которое окошко должно исчезнуть.
И наконец, третья часть отвечает за содержимое окна, то есть текст.
На этом всё. Будут вопросы, пишите, мы с радостью ответим на них.
