Свой CSS для пространства

Функция «Свой CSS для пространства» позволяет:

• Владельцу пространства или пользователю с соответствующими правами настраивать внешний вид сайта с помощью пользовательских CSS-стилей;
• Загружать изображения;
• Загружать, редактировать, сохранять и применять CSS-код;
• Управлять внешним видом сайта.

Для этого:

1. Откройте страницу «Настройки пространства»
2. Перейдите в раздел «Свой CSS для пространств», чтобы открыть редактор стилей.

Интерфейс редактора

• При первом открытии редактор пустой. Отображаются следующие элементы:
• Поле ввода CSS-кода с подсветкой синтаксиса, отступами и переносом строк.
• Кнопки управления:
  • Очистить — удаляется весь код.
  • Загрузить — возможность загрузить CSS-файл.
  • Скачать — сохранить текущий CSS-код на устройство.
  • Скопировать — скопировать код в буфер обмена.

Работа с CSS-кодом

• Включите переключатель «Активировать CSS».
• Введите валидный CSS-код в редактор.
• Нажмите Сохранить. Появится сообщение: «Сохранено».

Важно!

Состояния переключателя не влияет на сохранение кода. То есть при отключении пользовательские стили не применяются, но введенный код сохраняется

Загрузка и управление файлами

Можно загружать:

• CSS-файлы (.css) — для подключения стилей.
• Изображения (.jpg, .jpeg, .png, .bmp, .webp) — для использования в CSS.

Способы загрузки:

• Drag-n-drop — перетащите файл в редактор.
• Кнопка Загрузить — открывает диалоговое окно для выбора файла на устройстве.

Ограничения:

• Макс. размер одного файла – не более 20 МБ
• Общий объём всех файлов – не более 50 МБ
• Макс. количество файлов – не более 30 шт.

После загрузки файл отображается в списке с информацией:

• Имя файла
• Размер, разрешение, формат
• Кнопки:
  • Скопировать ссылку — копирует URL файла в буфер.
  • Удалить — удаляет файл.

Использование изображений в CSS:

• Загрузите изображение.
• Нажмите Скопировать ссылку.
• Вставьте URL в CSS-код:

 Нажмите кнопку Сохранить

При возникновении ошибок:

• Проверьте валидность CSS.
• Проверьте размер и формат файлов.

Теперь вы можете настроить внешний вид своего сайта с помощью пользовательских CSS-стилей.