No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Загрузка сайта...
NLM085 • ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА
как сделать preloader из зеро блока?
Модификация позволяет создать собственный прелоадер из Зеро блока с возможностью настройки задержки прелоадера, а также ограничения, которое позволяет скрывать прелоадер при полной загрузке сайта.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.
1. Создаём Зеро Блок и настраиваем свою анимацию;
2. Дальше копируем id Зеро Блока, из которого делаем прелоадер и вставляем в генератор;
3. Указываем количество секунд, которое прелоадер будет отображаться (для ПК и для мобильных устройств);
4. «При полной загрузке сайта скрывать прелоадер» — включаем эту настройку, если нужно скрывать прелоадер при загрузке сайта, а не по времени;
5. «Проигрывать только один раз при заходе на сайт» — включаем эту настройку, если нужно проигрывать прелоадер один раз при заходе на сайт;
6. Копируем сгенерированный HTML код и вставляем его в блок Т123;
ВАЖНО:
2. Дальше копируем id Зеро Блока, из которого делаем прелоадер и вставляем в генератор;
3. Указываем количество секунд, которое прелоадер будет отображаться (для ПК и для мобильных устройств);
4. «При полной загрузке сайта скрывать прелоадер» — включаем эту настройку, если нужно скрывать прелоадер при загрузке сайта, а не по времени;
5. «Проигрывать только один раз при заходе на сайт» — включаем эту настройку, если нужно проигрывать прелоадер один раз при заходе на сайт;
6. Копируем сгенерированный HTML код и вставляем его в блок Т123;
ВАЖНО:
- Код для прелоадера нужно разместить в самом верху страницы. Сам Зеро-блок с прелоадером под ним;
- Если это многостраничный сайт и в хедере есть меню, нужно поставить этот прелоадер и код выше меню. Иначе при загрузке меню будет отображаться ненадолго, будет проявляться;
- Также советуем изучить инструкцию от Тильды по оптимизации сайтов.
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Шаг 3
Настройте модификацию
Скопируйте готовый код
и вставьте его в блок t123
на вашем сайте Tilda. После этого опубликуйте страницу.
и вставьте его в блок t123
на вашем сайте Tilda. После этого опубликуйте страницу.
Шаг 2
Оплатите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте готовый код
и вставьте его в блок t123
на вашем сайте Tilda. После этого опубликуйте страницу.
и вставьте его в блок t123
на вашем сайте Tilda. После этого опубликуйте страницу.
Шаг 1
Возобновите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте готовый код
и вставьте его в блок t123
на вашем сайте Tilda. После этого опубликуйте страницу.
и вставьте его в блок t123
на вашем сайте Tilda. После этого опубликуйте страницу.
Шаг 1
Оплатите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Есть идеи по улучшению этой модификации или созданию новой?
Не забудь подписаться, чтобы быть в курсе последних обновлений.