Настройка внешнего вида на GetCourse: основы CSS

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

Если вы работаете с кастомной страницей, просто нажмите кнопку «Стиль» → «Подробные настройки» в нужном блоке, чтобы задать индивидуальные CSS-свойства.

Введите CSS-код, который изменяет класс или внешний вид нужного элемента — например, цвет, отступы, шрифт или фон.

Как узнать класс элемента на странице

Чтобы найти нужный CSS-класс элемента, выполните следующие шаги:

1. Кликните правой кнопкой мыши по нужному блоку на странице.

2. В контекстном меню выберите пункт «Посмотреть код» или «Inspect» — название может отличаться в зависимости от браузера.

3. На экране откроется панель разработчика с HTML-кодом страницы. Наводя курсор на разные участки кода, вы увидите, как на сайте подсвечиваются соответствующие элементы.

4. Таким образом можно найти нужный блок и скопировать его класс (обозначается как class="...").

   
   

💡 Удобно также сразу кликнуть на элемент на странице и выбрать «Просмотреть код» — это сразу откроет нужную строку в структуре DOM.

Давайте рассмотрим несколько простых примеров, как можно использовать CSS на практике для изменения внешнего вида элементов на странице.

Эта настройка позволяет временно открыть доступ к следующему уроку без ожидания проверки ответа (см. рис. 1). Однако, если позже ответ будет отклонён преподавателем, система автоматически ограничит доступ ко всем последующим урокам, где задание остаётся невыполненным — сработает механизм стоп-урока (см. рис. 2).

Если ученик повторно отправит задание на проверку, ему нужно будет дождаться подтверждения преподавателя. Как только ответ будет принят — доступ к следующим урокам восстановится.

Вы можете применять CSS-оформление и в уроках — по тому же принципу, что и на страницах.

Важно: это работает только для уроков, созданных в Визуальном конструкторе.

Если урок оформлен в старом формате (например, текстовый, аудио-, вебинарный), напрямую добавить CSS в его содержимое нельзя.

Системные страницы также можно стилизовать с помощью CSS.

Для этого достаточно перейти в режим «Настроить вид» и внести нужные изменения во внешний вид элементов.

Обратите внимание: если вы используете собственную верстку или индивидуальный CSS/HTML-код на системной странице, обязательно сохраните его отдельно перед сохранением изменений. Это поможет избежать потери кастомного оформления при обновлении страницы.