Прелоадер для сайта
Прелоадеры - это анимированные изображения, представляющие процесс загрузки страницы сайта. Прелоадеры отображаются в виде фонового изображения, которое скрывает от пользователя процесс отрисовки больших изображений и других элементов сайта.

Представляет вашему вниманию прелоадер который можно использовать на своем сайте.


Установка


Вставьте код в «Нижнюю часть сайта»:


Код
<style type="text/css">#hellopreloader>p{display:none;}#hellopreloader_preload{display: block;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;min-width: 1000px;background: #0000FF url(http://hello-site.ru//main/images/preloads/bars.svg) center center no-repeat;background-size:117px;}</style>
<div id="hellopreloader"><div id="hellopreloader_preload"></div><p><a href="http://kanavas.at.ua">Kanavas</a></p></div>
<script type="text/javascript">var hellopreloader = document.getElementById("hellopreloader_preload");function fadeOutnojquery(el){el.style.opacity = 1;var interhellopreloader = setInterval(function(){el.style.opacity = el.style.opacity - 0.05;if (el.style.opacity <=0.05){ clearInterval(interhellopreloader);hellopreloader.style.display = "none";}},16);}window.onload = function(){setTimeout(function(){fadeOutnojquery(hellopreloader);},1000);};</script>

Ссылку на загрузку (http://hello-site.ru//main/images/preloads/bars.svg) можно заменить на свою также и цвет(#0000FF).

Прелоадер взят с сайта Hello-site.

Всего комментариев: (0)

_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

Материал просмотрен как на YouTube by webo4ka.ru
Материал просмотрен как на YouTube
Как отыскать своё жизненное предназначение
Как отыскать своё жизненное предназ
Скрываем админ-бар
Скрываем админ-бар
50+ бесплатных крутейших кнопок для сайта на CSS
50+ бесплатных крутейших кнопок для
Отличное меню для сайта
Отличное меню для сайта
Кнопка лайк как на Facebook
Кнопка лайк как на Facebook