Настройка модульной сетки
в Zero Block
Сетка позволяет определить базовую структуру дизайна
и ускорить работу с макетом. Она создаёт единую схему расположения всех элементов сайта и помогает сохранить визуальный порядок.
По умолчанию в Тильде используется 12-колоночная сетка.
Чтобы настроить сетку, перейдите в Zero Block → нажмите на кнопку Settings → нажмите на кнопку Open в разделе Zero Block Settings → откроются настройки рабочей области.
Для каждого разрешения сетка настраивается отдельно: она будет разной на десктопе и на мобильных устройствах.
Включить и выключить сетку можно с помощью нажатия на клавишу G на клавиатуре или перейдя в раздел с тремя точками в верхнем правом углу экрана → кнопка «Show/Hide Grid».
Настройки вертикальной сетки
Columns — количество колонок;
Column width — ширина колонок в пикселях;
Column gutter — расстояние между колонками в пикселях;
Column margins — отступ слева и справа от сетки в пикселях.
Некоторые значения можно заблокировать, чтобы они оставались такими же при изменении других. Для этого нажмите на иконку замка у нужного параметра.
Настройки горизонтальной сетки
Row baseline — шаг горизонтальных рядов в пикселях;
Module height — количество рядов (один модуль) после которых добавится пустая строка и модуль начнется заново;
Row margins — отступ сверху и снизу от сетки в пикселях.
Общие настройки сетки
Color — цвет колонок;
Opacity — прозрачность заливки колонок;
Border opacity — прозрачность границ колонок.
Важно: по умолчанию настройки сетки задаются для всего проекта. То есть в каждом Zero Block будет автоматически использоваться новая сетка.
Чтобы задать уникальную сетку для конкретного блока, перейдите в настройки сетки → выберите в пункте «Use for» опцию Current block. Тогда настройки применятся только к текущему блоку, а в остальных блоках останется сетка по умолчанию.
Также вы всегда можете отменить изменения и вернуть настройки сетки. Для этого нажмите на кнопку «Reset grid settings to default» → во всплывающем окне нажмите на кнопку «Ok».
Как изменить цвет ссылок?
Чтобы изменить цвет ссылок для всего сайта, перейдите в Настройки сайта → вкладка Шрифты и цвета → добавьте нужный цвет в поле Link color.
Изменить цвет отдельно взятой ссылки можно в окне её добавления: Похожие вопросы
- Как добавить фавикон (favicon, иконку в браузере)?
- Как сделать «шапку» (header, хедер) сайта?
- Как добавить HTML-код в Head сайта?
- Как создать сайт на нескольких языках?
- Как скопировать страницу?
Маркированный список некорректно отображается в Zero Block’е
Увы, маркированный список (вставленный из другого редактора) в Zero Block’е пока не поддерживается. Удалите «точки» у каждого пункта в тексте.
Вместо «точек» маркированного списка вставьте вручную один из символов перед каждой строчкой:
Похожие вопросы
- Не обновляется robots.txt
- Некорректно отображается экспортированный сайт на хостинге, сделанный на Тильде
- Меню второго уровня в мобильном неправильно открывается
- Справа от сайта появилось белое пространство на мобильных устройствах
- Апостроф (одинарная кавычка) игнорируется при вводе поля
Многоуровневый список в Тильде. Маркеры (Буллиты) списка в Tilda. Нумерованный список в ЗЕРО блоке
Многоуровневый список в Тильде. Маркеры (Буллиты) списка в Tilda. Нумерованный список в ЗЕРО блоке Ссылка на код: https://howmakesite.ru/products/%D0%9C%D0%BD%D0%BE%D0%B3%D0%BE%D1%83%D1%80%D0%BE%D0%B2%D0%BD%D0%B5%D0%B2%D1%8B%D0%B5-%D1%81%D0%BF%D0%B8%D1%81%D0%BA%D0%B8-%D0%B2-%D0%A2%D0%B8%D0%BB%D1%8C%D0%B4%D0%B5-%D1%81-%D0%BC%D0%B0%D1%80%D0%BA%D0%B5%D1%80%D0%B0%D0%BC%D0%B8-%D0%B8-%D0%BD%D1%83%D0%BC%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D0%B5%D0%B9-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%BD%D1%8B%D0%B9-%D0%BA%D0%BE%D0%B4-%D0%B8-%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F-p603550959 Ссылка на генератор таблиц: https://howmakesite.ru/products/%D0%93%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80-HTML-%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0-p409484353 Курс по программированию в Тильде: https://howmakesite.ru/products/%D0%9A%D1%83%D1%80%D1%81-%D0%BF%D0%BE-TILDA-%D0%9E%D1%82-%D0%A7%D0%B0%D0%B9%D0%BD%D0%B8%D0%BA%D0%B0-%D0%B4%D0%BE-%D0%9F%D0%A0%D0%9E%D0%93%D0%A0%D0%90%D0%9C%D0%9C%D0%98%D0%A1%D0%A2%D0%90-%D0%B7%D0%B0-2-%D1%87%D0%B0%D1%81%D0%B0-%D0%9B%D0%B8%D1%87%D0%BD%D0%BE%D0%B5-%D0%BE%D0%B1%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-p583848367 Показываю как сделать список в Тильде, как менять маркеры списка или ещё их называют буллиты, как назначить разные шрифты и цвет текста для разных уровней. Список в Тильде – это актуальная тема. У меня уже есть на канале видео про маркированные списки в Тильде, там я показываю как вообще их создавать из текстовых полей и менять маркеры. С тех пор Тильда немного эволюционировала и дала нам в текстовом поле инструмент создания списка. Но к сожалению, эти списки могут иметь лишь один уровень. В этом видео я покажу как создавать многоуровневые списки в Тильде, а конкретно – списки в ЗЕРО блоке. Можно красить тексты разных уровней в разные цвета, менять шрифты, включая их размер, тип, начертание, расстояние между строк, расстояние между буквами, выравнивание. Для каждого уровня списка доступны все параметры из раздела настроек текстового поля. Можно менять отступы перед маркерами списка и расстояние между маркерами и текстом, можно прописывать разные буллиты списка для разных уровней, можно выбирать для маркеров цвета, отличные от текста. И можно создавать не только маркированные списки, но и нумерованные списки, а также комбинировать буллиты и нумерацию на разных уровнях. При уменьшении ширины списка его элементы переносятся на следующие строки, соблюдая отступы. Разумеется, при этом список в ZERO блоке будет занимать больше места по высоте, и это надо будет учитывать при вёрстке, но эта задача Вас не отяготит, потому что я перенёс в список в Tilda возможность текстовых полей задавать разные параметры текста для разной ширины дисплея. Я надеюсь, что мой способ упростит Вам создание списков в Тильде. Ключевые слова: список в тильде список в зеро блоке маркированный список нумерованный список многоуровневый список буллиты в тильде буллиты списка в тильде маркеры в тильде маркеры списка в тильде буллиты в зеро блоке буллиты списка в зеро блоке маркеры в зеро блоке маркеры списка в зеро блоке список в tilda список в zero блоке маркированный список нумерованный список многоуровневый список буллиты в tilda буллиты списка в tilda маркеры в tilda маркеры списка в tilda буллиты в zero блоке буллиты списка в zero блоке маркеры в zero блоке маркеры списка в zero блоке
Показать больше
Войдите , чтобы оставлять комментарии