Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM129 ВРЕМЯ НАСТРОЙКИ: 30 СЕКУНД

ЭФФЕКТ ПРИЛИПАНИЯ БЛОКОВ НА ТИЛЬДЕ

Модификация позволяет фиксировать блоки и следовать при прокрутке страницы. Модификация настраивается очень легко и быстро. Просто нужно указать ID блоков, к которым вы хотите применить фиксацию и id блока после которого фиксированный блок отлипнет. Можно настроить сразу несколько блоков в одной модификации.
Амбассадор Нолим – Руслан Гараев подготовил бесплатный шаблон и видеоинструкцию по настройке данной модификации.
Модификацию можно настроить для фиксирования одного блока или нескольких блоков для применения эффекта наложения с отступом. Ниже рассмотрим как настроить эти 2 варианта фиксирования:

#1 Фиксирование одного блока

1. «Id блока» — В этом поле укажите ID блока, который зафиксируется при пролистывании страницы;
2. «id блока после которого отлипнет блок» — Укажите id блока, после которого фиксированный блок отлипнет;
3. «z-index блока» Z-index простыми словами это слои, как в торте. Значение указывается цифрами, чем больше цифра, тем выше будет находиться слой. Значение в этом поле можно оставить без изменений, но если фиксированный блок будет отображаться не правильно, то есть при прокрутке будет «залазить» под другие блоки, тогда поставьте Z-index больше;
4. «Отступ блока от верхней границы на экранах до 640px; от 640px до 1200px ;от 1200px» В этих полях вы можете указать отступ от верхней границы экрана для разных разрешений ;
5. Добавляете блок Т123 и вставляете в него сгенерированный HTML код;

#2 Фиксирование нескольких блоков для применения эффекта наложения с отступом

1. «Id блока» — В этом поле укажите ID первого блока, который зафиксируется при пролистывании страницы;
2. «id блока после которого отлипнет блок» — Укажите id блока, после которого фиксированные блоки отлипнут; ВАЖНО указать один и тот же блок после которого отлипнут все фиксированные блоки. То есть если вы фиксируете несколько блоков, то в поле «id блока после которого отлипнет блок» нужно указать один и тот же блок, после которого все фиксированные блоки отлипнут.
3. «z-index блока» Z-index простыми словами это слои, как в торте. Значение указывается цифрами, чем больше цифра, тем выше будет находиться слой. Значение в этом поле можно оставить без изменений, но если фиксированный блок будет отображаться не правильно, то есть при прокрутке будет «залазить» под другие блоки, тогда поставьте Z-index больше;
4. «Отступ блока от верхней границы на экранах до 640px; от 640px до 1200px ;от 1200px» В этих полях нужно указать отступ от верхней границы экрана +отступ от предыдущего блока для эффекта наложения. Например для первого блока мы укажем отступ 100px, тогда для второго блока нужно будет указать отступ 200px, для третьего блока нужно будет указать отступ 300px;
5. «+ Список блоков» Для добавления нескольких блоков нужно нажать на данную ссылку. После заполнить как описано в шагах с 1 по 4;

Рекомендуем делать фиксированные блоки одинаковой высоты. Так блоки будут отображаться аккуратнее.

6. Добавляете блок Т123 и вставляете в него сгенерированный HTML код.

Обратите внимание:

  • Модификация может работать и с зероблоками, и со стандартными.
  • Модификация не работает, если на странице есть alias-блоки.
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Шаг 3
Остались вопросы?
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Возобновите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Копировать код
Шаг 3
Остались вопросы?
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Оплатите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Давайте проверим мод соединив логотип Нолим
ЛИСТАЙТЕ ВНИЗ ↓
Вы собрали логотип Нолим
Мод работает
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.