Авторизуйтесь, чтобы продолжить

блог edtech

Настройка тренинга геткурс: Разделение уроков по разделам

Шаг 1.

Переходим в тренинг .
Нажимаем кнопку "Действие" - "Настроить вид"
В поле выбора элемента выбираем блок Javascript, кликнув 2 раза

Шаг 2.

Кликаем на Javascript блок два раза и помещаем внутрь данный код:

$("<p class='lesson-theme'>Раздел 2. Капитальный

пуск</p>").insertBefore($(".lesson-id-218803225"))

где:

  1. Раздел 2. Капитальный пуск – это название раздела
  2. lesson-id-218803225 – ID урока "НАД" которым необходимо поместить название раздела (см. рис.)

После добавления кода, кликаем на кнопку сохранить.

Шаг 3.

После добавления кода при просмотре тренинга с уроками у вас уже появится название раздела, но для того чтобы все корректно отображалось необходимо добавить стили CSS.

Снова нажимаем кнопку "Действие" - "Настроить вид"

В поле выбора элемента выбираем блок HTML блок, кликнув по нему 2 раза

Помещаем код CSS в добавленный блок

Код CSS для блока HTML:

<style>

.lesson-theme {

    font-size: 160%;

    font-weight: bold;

    text-align: left;

    border-left: 5px solid #4d4d4d!important;

    padding-left: 20px;

    padding-right: 20px;

    margin-left: 20px;

}

</style>

Во время добавления CSS кода необходимо придерживаться следующей последовательности действий:

  1. Кликаем на блок два раза, чтобы открыть редактор
  2. В редакторе нажимаем кнопку кода "< >" (см рис.)
  3. В редактор кода помещаем скопированный код CSS, который представлен выше
  4. После "не выходя" из редактора кода "< >", нажимаем на кнопку сохранить.

Если все сделали правильно, блок HTML схлопнется

и внутри не будет ни какого текста

Шаг 4.

Для того, чтобы разделить остальные уроки по разделам, просто дублируйте код JavaScript с заменой  названием раздела и ID урока, над которым вы хотите разместить надпись.

Стили CSS повторно прописывать не нужно, они автоматом подключатся ко всем последующим названиям раздела. 

Вот такой результат можно получить, следуя данной инструкции



Для того чтобы оставить комментарий —
авторизуйтесь
{"signature":"bb18fa1f1a44762abc1d1220610d0e35","accountUserId":-1,"values":{"object_type_id":10,"object_id":360386221,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Здравствуйте!) А почему у меня нет в элементах Javascript ??
или отменить редактирование
Чт 03 Фев 2022 • Ответить
{"signature":"032bc10ef589151b5ab435da0a892a15","accountUserId":-1,"values":{"object_type_id":10,"object_id":360387395,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[],"use_file_types":false,"use_audio_js_player":false}}
удалить
Нашла,добавила в блоках)
или отменить редактирование
Чт 03 Фев 2022

Связанные статьи