СОЗДАНИЕ САЙТА
ХОСТИНГ WEBHOST1
TEST

Лучший хостинг сайтов
FREE ☆ SSL + Anti-DDoS
Выбор вебмастера 2019



Узнать подробнее
ДОМЕН 2DOMAINS
TEST

2DOMAINS Надежно!
Домен .RU 149 рублей
Выбор вебмастера 2019



Узнать подробнее
МЫ В СОЦИАЛЬНЫХ СЕТЯХ

ВКонтакте

Ватсап

Инстаграм

Одноклассники

Вступайте в наши группы!
Приглашайте своих друзей!


KOMPIC33.RU Создание сайтов для Вашего Бизнеса




 Прелоадер заставка перед полной загрузкой сайта 


При открытии любого веб-сайта мы ждём полной загрузки.
И пока грузится страничка, верстка сайта может ездить.
Чтобы скрыть эту бяку, можно во время загрузки сайта
Показать пользователю анимацию, то есть индикатор загрузки.


Как это работает?


Пока загружается сайт, мы видим только блок «#preloaders»,
в котором содержится анимированное изображение, иконка или
обычная прикольная картинка. После того, как веб-страница загрузилась,
блок «#preloaders» с картинкой исчезнет и появится полностью загруженный сайт.


Приступим к реализации.


1. Вставьте этот код перед закрывающим тегом </head>




2. Вставьте этот код сразу после тега <body>



zagryz.gif – это Ваша анимированная картинка



3. Вставьте этот код CSS (папка стилей Вашего сайта)



4. Вставьте этот код перед закрывающим тегом </body>:



Иконки для Прелоадера берем на этом сервисе
Редактируем под свой сайт и скачиваем. НАЖМИТЕ!!