« Скрипт Preloader, загрузка страниц для сайтов на uCoz »
В данном материале мы установим скрипт Preloader, это загрузка страниц для сайтов на uCoz. Как работает данный скрипт: При установке на свой сайт, у вас появится полупрозрачный оранжевый фон, а по центру будет анимированная ракета и это будет загрузка страниц. Скрипт будет работать при каждом обновление страниц, а так же при переходе по разделам сайта. Соблюдая нашу установку, скрипт будет работать отлично и без проблем. У нас на сайте был уже подобный материал, увидеть вы его можете перейдя по данной ссылке.
Установка:
Чтоб скрипт работал на каждой странице, включая форум, устанавливаемый его так ПУ - Управление дизайном - Нижняя часть сайта и ставим данный код в самый низ:
<style type="text/css">#ufivepreloader>p{display:none;}#ufive_preloader{display: block;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;min-width: 1000px;background: #f3be8173 url(http://ufive.ru/demo_file/preloader_o/load_rocket.gif) center center no-repeat;background-size:240px;}</style>
<div id="ufivepreloader"><div id="ufive_preloader"></div></div>
<script type="text/javascript">var ufive_loadpreloader = document.getElementById("ufive_preloader");function fadeOutnojquery(el){el.style.opacity = 1;var ufiveloadpreloader = setInterval(function(){el.style.opacity = el.style.opacity - 0.05;if (el.style.opacity <=0.05){ clearInterval(ufiveloadpreloader);ufive_loadpreloader.style.display = "none";}},16);}window.onload = function(){setTimeout(function(){fadeOutnojquery(ufive_loadpreloader);},1000);};</script>
<!-- /Скрипт Preloader, загрузка страниц для сайтов на uCoz -->
К материалу так же предоставляется архив и демостраница!
По данной ссылке, Вы можете скачать или купить архив данного материала
ДемонстрацияДемонстративная страница или сайт материала
Установка материалаМы поможем установить данный материал к Вам на сайт
К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!
Комментариев: 0
| |