» »

Код на загрузку страницы сайта для uCoz


Код на загрузку страницы сайта для uCoz

Это один из простых и рабочих скриптов на загрузку страницы. Она будет с изображением, которое будет крутиться и когда закончиться, то и закрутка пропадет. Здесь все просто, нам не нужно создавать файл, уже все сделано в коде, а что крутится будет, от вас зависит. Просто можно найти картинку в формате GIF на 100 пикселей и поставить ссылкой в начале. Также когда все загружаться будет, по сторонам будет светло темная гамма а по центру Preloader ваш.

Установка:

В низ сайта пропишем код.

Код

<div class="preloader">  
<div class="loading">  
<div class="loading_in">  
<img src="http://zornet.ru/Ajaxoskrip/Fyrkes/Zret/31/Loader-76.gif" alt="" />  
</div>  
</div>  
</div>  
<script type="text/javascript">  
jQuery(function($) {  
$(window).load(function () {  
$(".preloader").fadeOut(700);  
});  
});  
</script>  

<style type="text/css">  
.preloader {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>


Все сохранить не забываем.



В скрипте стоит уже, что к материалу скриншот приложен, но так посмотрел в поиске и еще одну нашел, просто копируем ссылку и ставим.

Источник: http://internetempire.ru/
21.01.2016 Просмотров: 1135 Комментарий: (16)

Поделиться в социальных сетях

Материал разместил

Комментарий: 16
Canon
Canon 21.01.2016 09:111
0
Здесь нужен размен как синее линия и не больше а меньше лучше и сильно маленький также нельзя.
Dixes
Dixes 21.01.2016 09:222
+1


Kosten
Kosten 21.01.2016 09:403
0
Dixes, вот точно такого и размера нужно, так как еще не нужно забывать, все на светлом фоне будет.
Dixes
Dixes 21.01.2016 09:414
0
они прозрачные)
workman
workman 21.01.2016 09:435
0
Вы что тут в колесики играете?? biggrin
Kosten
Kosten 21.01.2016 10:016
0
Вот цветную форму подобрал.

Kosten
Kosten 21.01.2016 10:338
0
Подгони свое колесо, или что то чтоб сцука вертелось как вентиль.)
Kosten
Kosten 21.01.2016 10:157
0
Вот небольшая анимация и уже меньше сам квадрат стал, а чем больше анимация, тем больше и гире становиться. Как понял, 64 на 64 пикселя в самый раз, в таких размерах.

trem200
trem200 21.01.2016 18:429
0
Очень полезный скрипт на сайт
Tergran
Tergran 21.01.2016 19:4310
0
Нормальные гифки для этого скрипта.
Kosten
Kosten 02.02.2016 06:3211
0
Вот как раз, что идет в коде, но там большая форма, здесь будет в самый раз.

vlad_fine
vlad_fine 04.06.2016 22:5312
0
http://preloaders.net/
vlad_fine
vlad_fine 04.06.2016 23:0513
0
http://vitko.my1.ru/gif/loading.gif
vlad_fine
vlad_fine 04.06.2016 23:0914
0
но почему в НИЗ САЙТА? я его в самый самый верх добавл
1 2 »
avatar