Пять новых блоков в библиотеке

В библиотеке блоков Тильды пять новых блоков в пяти разных категориях: «Галерея», «Плитка и ссылка», «Команда», «Меню», «Подвал»:

GL25. Комбинация изображений с выравниванием по высоте
TE610. Карточки с фоновым изображением и текстом в колонках
TM302. Персоны: изображение и информация справа
ME601B. Второй уровень с подменю
FT306. Панель с логотипом, главными и второстепенными пунктами меню

Рассказываем подробно о новых блоках и показываем, как они выглядят.
Блок GL25 из категории «Галерея». Комбинация изображений с выравниванием по высоте.
Блок позволяет расположить фотографии разного размера так, чтобы края галереи оставались ровными. Все изображения в ряду будут одной высоты и с одинаковыми горизонтальными отступами.

В настройках блока можно выбрать один из трёх стилей, чтобы получилась комбинация во весь экран, компактный горизонтальный блок или объёмная галерея на несколько экранов. Чтобы изображения были ближе друг к другу или, наоборот, вокруг них было больше воздуха, для колонок можно настроить отступ 0px, 10px, 20px или 40px.

Также в блоке можно задать появление подписи при наведении на изображение, настроить цвет и непрозрачность плашки с текстом, включить увеличение изображений при клике и многое другое.
Блок TE610 из категории «Плитка и ссылка». Карточки с фоновым изображением и текстом в колонках.
Блок с плиткой из изображений и спрятанным текстом, который появляется при наведении. Появление при необходимости можно отключить. Между заголовком и описанием можно добавить разделитель, а ниже разместить кнопку.

Карточки легко настраиваются: для них задаётся соотношение сторон, радиус скругления углов, фильтр и тень, цвет фона. Всего в ряду может быть от 1 до 4 карточек.

Заголовочную секцию можно выровнять по центру или правому краю, настроить для неё и других элементов типографику, а также добавить анимацию.
Блок TM302 из категории «Команда». Персоны: изображение и информация справа
Блок позволяет рассказать о команде в динамичном формате. В ряду может размещаться от 1 до 4 карточек. Для каждого члена команды можно добавить фотографию, имя, описание и ссылки на соцсети.

В настройках блока для изображений задаётся нужное соотношение сторон и вертикальный отступ. Кроме того, заголовок, описание, карточки с членами команды и кнопки можно анимировать.
Блок ME601B из категории «Меню». Второй уровень с подменю.
Блок поможет создать многоуровневую навигацию по сайту с помощью меню второго уровня с подпунктами, которые открываются по клику или ховеру.

Можно задать разную ширину меню и подменю, настроить количество колонок и цвет фона, в том числе отдельно для мобильной версии. Также можно настроить толщину, цвет и радиус скругления бордюра, добавить тень, задать для меню отступ сверху и выбрать, отображать или скрывать иконку меню второго уровня.

Добавляются пункты с помощью карточек, которые удобно копировать и перемещать при создании навигации. В настройках блока можно изменить отступы между пунктами, выбрать стиль активного пункта меню и задать изменения стиля при наведении.
Блок FT306 из категории «Подвал». Панель с логотипом, главными и второстепенными пунктами меню.
Футер с основными и второстепенными пунктами меню поможет выстроить иерархию в навигации. Основные пункты будут более заметны, второстепенные — меньше и прозрачнее.

Можно настроить ширину подвала и расстояние между пунктами, чтобы красиво разместить любое количество ссылок. Также можно добавить логотип или заголовок и настроить типографику.
Читайте также
Три документа, которые пригодятся, если вы создаёте сайты на Тильде
19 подсказок по оформлению веб-страницы для недизайнеров
Made on
Tilda