Демо-страница

ТАБЛИЦЫ ❯ На разные случаи ❯ Масштабируемость ❯ Инфо в праздники

Иконки для вставки в Новости, например

Пример ниже ♥ Номера телефонов - Заголовок 2, иконка - размер 36, вертикальное выравнивание ячеек - по базовой линии

101

102

flaticon.com/ru — бесплатные иконки и стикеры + раздел
svgicons.com — SVG бесплатно + можно менять цвет
svgrepo.com — Open-licensed SVG Vector and Icons
icons8.com — free icons + раздел Анимированных иконок
в SVG иконках заголовок должен быть <?xml version="1.0" encoding="UTF-8"?>

Символы ASCII для всавки в текст (Эмоджи Юникода как в соцсетях — не отображаются): 

◄ ▼ ▲ ► ♥ ❮ ❯ ® © § ≡ ± ⊕ ℃ — ■ ░ ▒ ▓ ☂ ★ ☉ ☎ ✆ ☑ ☛ ☚ ☠ ☢ ☦ ☪ ✡ ☭ ☮ ☯ ☺ ☼ ♀ ♂ ♔ ♛ ♫ ♱ ⚑ ⚤ ⚥ ✂ ✈ ✒ ✔ ✕ ✱ ❄

Эмоджи (начали отображаться:)

1 место ? 2 место ? 3 место?

 км² -20°C

Выделение важной информации внутри текстового блока
Через таблицы

Для справки

Для справки пишем Заголовком 6. Далее вставляем Таблицу 1х2 шириной 90% (внутренний отступ 2). 1 колонка (левая граница) залита #c9c9b5. 2 колонка залита #f8f8ec. Во 2-й колонке вставлена таблица 1х1 с внутренним отступом 7 и написан текст.

Варианты заливки строк таблицы
Три цветовые схемы

Цветные таблицы вставлены в таблицу из 5 колонок: бежевая - пустая - салатовая - пустая - голубая.
Размер границ 0, внешний отступ ячеек 0, внутренний отступ ячеек 7.

▲ Цвет рамки вверху rgba(0, 0, 0, 0.2), слева - красным, толщиной 4. В настройках Заголовка задаём: Тег заголовка: Абзац и в настройках Свойства текста - настраиваем Текст как Заголовок 2 (размер 24рх и вес 800) и внутренний отступ внизу 7. Это чтобы отступы Заголовка 2 по умолчанию поменять.

Но это не сделать, например, в Новостях. Там можем вставить таблицу, но свойства текста поменять не можем.

Выделение важной информации
отдельный Текстовый блок

В общем Контейнере (конт: Документы - Колонки) вложено 3 контейнера (конт: Папка + Аккордеон). 
Общий контейнер: компоновка Flex, по горизонтпли с переносом строк. Чтобы при уменьшении экрана блоки становились друг под другом.

Со скруглёнными углами и без. В нужный квартал вставляем ссылку для перехода на нужную страницу. Для копирования выбираем любой текстовый блок и вставляем перед крайним левым. Потом просто редактируем текст.

Бежевый▼/ пример оформления Столбцами ❯ Салатовый

Меню текстовым блоком. Таблицы. Здесь 2 текстовых блока с таблицами, которые помещены в Контейнер, где компоновка использована Flex. При уменьшении размера экрана блоки встанут по вертикали.

Другой вариант оформления. Добавлена ссылка «в Начало списка», если много ссылок. Переход делается только на Заголовок. Поэтому сделан блок "Иконка - Заголовок" + Список.

В блоке ФОТОГРАФИИ выбираем настройку шаблона -> Несколько изображений.

В свойствах выбираем:

• Показывать большую картинку при клике (Lightbox)
• Выводить подпись под изображением

Для чередования цветов. Первый текстовый блок. Внутренний отступ 10, нижняя рамка #c9c9b5.

Размер иконок - Заголовок 1.
Цвет элементов:
Фирменный цвет - #82805c
Основной цвет - #535132