Расширенный брендинг с помощью CSS

Если стандартных настроек Читательского интерфейса недостаточно, можно использовать брендинг CSS. Чтобы узнать, какие CSS-файлы брендинга уже применяются на вашем портале документации, нажмите Настройки и перейдите в раздел Внешний видЧитательский интерфейс.
  Настройка файла Branding.css

В этом разделе вы увидите две настройки:

  • Брендинг CSS.
    Данный параметр содержит путь к CSS-файлу брендинга, который будет применяться ко всем страницам, которые видят читатели, включая Домашнюю страницу, Страницу авторизации, Поиск и т.д.
    Нажмите Открыть файл в новом окне, чтобы просмотреть файл.
    Открыть файл в новом окне.
    Если CSS-файл не указан, это означает, что используется интерфейс по умолчанию без какого-либо CSS-файла брендинга. Чтобы приступить к настройке брендинга, щелкните по ссылке Создать новый файл , расположенной справа от поля редактирования.

По умолчанию каждый новый портал документации имеет файл Branding.css , доступный в Хранилище файлов → вкладка Стили, в корневой папке. Выделите его и нажмите кнопку Просмотр файла в нижней части диалогового окна.
Branindg.css файл в хранилище файлов.
Редактор CSS-файлов откроется в новом окне браузера, в котором можно просматривать и изменять контент файла.

В файле Branding.css по умолчанию вы найдете ряд CSS-селекторов, которые демонстрируют, как работать с основными элементами пользовательского интерфейса. Атрибуты стиля специально сопровождаются комментариями; читайте комментарии к CSS-селекторам, чтобы понять, к какому элементу относится тот или иной селектор. Вы можете снять комментарии к некоторым атрибутам стиля, чтобы посмотреть, как они влияют на заголовок Домашней страницы (смотри примечание ниже). Это лишь примеры для проведения собственных экспериментов. Для достижения нужных результатов может потребоваться написание собственных CSS-правил.
Подробнее о различных вариантах стилизации смотри в этой теме: Различия между Branding.css, стилями проекта и стилями Домашней страницы

  • Брендинг-скрипт.
    Это скрипт-файл, который будет загружаться для каждой страницы, доступной для читателя. Таким образом, если вы реализуете какую-либо расширенную функциональность с помощью JavaScript, вы можете вызвать этот скрипт-файл, выбрав нужный скрипт-файл в данной настройке. Для получения более подробной информации обратитесь к этому разделу:  Стили и скрипты проекта.
Расширенные настройки брендинга применяются только к Читательскому интерфейсу для анонимных пользователей и авторизованных читателей. Данные настройки не применяются к Авторскому интерфейсу. Для просмотра изменений в пользовательском интерфейсе во время изменения CSS-файла откройте Домашнюю страницу портала в другом браузере или в отдельном окне браузера в режиме Инкогнито / Приватном режиме, чтобы просматривать страницы как анонимный пользователь.