Установка прелоадера на сайт uCoz
827материалов
228тем на форуме
3003комментария
6154пользователя

Установка прелоадера на сайт uCoz


Неоднократно на сайте выкладывались прелоадеры для сайта, просто GIF анимации, но о том, как их использовать не уточнялось. В этой статье рассматривается установка прелоадера на сайт uCoz.

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

Установка
Вставьте код в «Нижнюю часть сайта»:
Код
<div class="someclass">  
<div class="loading">  
<div class="loading_in">  
<img src="http://yraaa.ru/_pu/21/96994448.gif" alt="" />  
</div>  
</div>  
</div>  
<script type="text/javascript">  
jQuery(function($) {  
$(window).load(function () {  
$(".someclass").fadeOut(700);  
});  
});  
</script>  

<style type="text/css">  
.someclass {background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:5000;display:table;width:100%;height:100%;}  
.loading {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align: center;}  
.loading_in {display:inline-block;padding:40px;background:#FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px}  
</style>

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 03.08.2014 в 12:28
Материал просмотрен: 1065 раз
Категория материала: Скрипты для uCoz
К материалу оставлен: 1 комментарий

Пожаловаться
Сказать спасибо
Источник

1 комментарий


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта