Loading...
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Видео-библиотека
Профиль
Подписка
Партнерка
Новости
Шаблоны
Ваша база в опасности
Спасти данные
День Веб-Влюблённых
Забрать скидку
....
NLM015Время настройки: 3 минуты

Как сделать активный пункт меню в Зеро блоке?

С помощью нашей модификации ты можешь настроить определение страницы и выделять соответствующий пункт меню в Зеро блоке.
Она работает в связке с другими нашими решениями, чтобы вы могли пройти весь путь от макета до запуска сайта, не привлекая разработчиков.
Эта модификация — часть системы инструментов для работы с Тильдой
Перенесите макет в Тильду за 10 минут

Начните работу правильно: экспортируйте дизайн из Figma сразу с адаптацией и авто-лейаутом. Вы получаете идеальный фундамент для дальнейшей настройки, не тратя часы на переверстку вручную.
Плагин для Figma
AI-ассистент
Генератор CSS-стилей
Модификации
Расширение для Тильды
Работайте с модификациями внутри привычного редактора Тильды

Макет перенесен? Библиотека модификаций и продвинутые инструменты для верстки теперь встроены в интерфейс. Открываете редактор, и всё под рукой.
Ваш персональный AI-ассистент для Тильды

Остались нестандартные задачи? Попросите нейросеть написать уникальный скрипт, поправить анимацию или сгенерировать контент. Идеальный штрих для сдачи проекта без компромиссов.
Стандартные блоки Tilda не вписываются в дизайн?

Генератор стилей перекрасит элементы и поля, добавит тени, отступы или скругления — без написания кода.
Добавьте уникальные функции в один клик

База готова — время оживить проект. Выбирайте из 200+ готовых решений (слайдеры, формы, эффекты), которые легко «надеваются» на ваши блоки через интерфейс Расширения.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.

Смотрите, как быстро установить модификацию

Инструкция
1. Делаешь меню в зеро блоке;

2. Добавляешь свои пункты меню (можно кнопки, можно текст) и указываешь класс к ним такой же как и в генераторе (custommenuitem);

Чтобы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Name», далее, справа в настройках указываешь тот же класс, что и в генераторе;

3. Вписываешь id нашего меню в генератор;

4. В генераторе прописываешь настройки для активного пункта и при наведении;

5. В поле Насыщенность (font-weight) числовые значения задают степень толщины шрифта от самого тонкого до самого толстого:

  • 100: Thin;
  • 200: Extra Light (Ultra Light);
  • 300: Light;
  • 400: Normal;
  • 500: Medium;
  • 600: Semi Bold (Demi Bold);
  • 700: Bold;
  • 800: Extra Bold (Ultra Bold);
  • 900: Black (Heavy).

6. В зеро блоке, где у нас меню, каждому пункту задаешь якорную ссылку либо id блока или ссылку на другую страницу;

7. Если на сайте предусмотрены уровни страниц, то для отображения активного пункта каждого уровня включите настройки — Включить поддержку вложенности

8. Если на сайте предусмотрено выделение активных пунктов при скролле включите настройку — Выделять промежуточные пункты меню

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

ВАЖНО:

  • Если указываешь в пунктах меню и ссылку, и id блока или якорную ссылку, то будет выделяться несколько пунктов одновременно. Советуем так не делать.
  • Модификация не отрабатывает ссылки вида «/#yakor», «/main#yakor», «www.site.сom/#yakor».
  • Обрати внимание, что якорные ссылки работают, только в формате «#rec123123» или «#yakor» т. е. id блока или блок с якор
  • Используйте якорные ссылки через блок T173. Не настраивайте якоря в настройках блоков — это не сработает.
  • Не настраивайте якоря в настройках блоков — это не сработает.Порядок пунктов меню в слоях зеро блока должен быть поочередным, если вы их используете якорные ссылки. Если что-то не работает с ними, пересоздайте их поочередно от первого к последнему.

Сгенерируйте код для своего сайта

Обратите внимание!
Чтобы участвовать в бонусной программе, авторизуйтесь — после входа ваша реферальная ссылка будет автоматически добавлена при копировании.
Скопировать обычную ссылку
Активный пункт меню:
При наведении:
Копировать код
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.