Найти тему

Скрипт геткурс. Блок расписание

Кастомизация аккаунта на платформе Геткурс имеет немаловажное значение для учеников, так как это делает процесс обучения более приятным и удобным.

Можно конечно украсить и так)
Можно конечно украсить и так)

Один из способов сделать свой аккаунт на геткурсе привлекательным - это добавить красочные и информативные элементы, которые будут отражать тематику обучения и фирменный стиль школы.

Например кастомизировать блок актуальных событий/расписания на страничке с тренингами.

Обычное расписание.

Стандартное расписание
Стандартное расписание

Отличий вроде не много, но впечатление уже другое.

Кастомизированное расписание.
Кастомизированное расписание.

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

Таким образом, кастомизация своих курсов играет важную роль в создании комфортной обучающей среды для учеников. Помогает им быть более мотивированными и заинтересованными в процессе обучения, а также обеспечивает легкий доступ к необходимой информации.

Инструкция по добавлению скрипта

Открываем Настройки вида в тренингах своего аккаунта
Открываем Настройки вида в тренингах своего аккаунта
Вставляем скопированный скрипт (ищи ниже), сохраняем, обновляем.
Вставляем скопированный скрипт (ищи ниже), сохраняем, обновляем.
/* Подключение шрифта Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
:root {
--blackColor: #343a40;
--accentColor: #ff8d79;
--font: "Montserrat", "Open Sans", "proxima-nova", sans-serif;
}
/* БЛОК АКТУАЛЬНЫЕ СОБЫТИЯ */
.xdget-lessonSchedule {
margin: 0 auto 20px auto;
max-width: 500px;
border-radius: 15px;
box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
.xdget-lessonSchedule .schedule-block {
background-color: #ffffff;
padding: 0 20px 20px 20px;
border-radius: 0 0 15px 15px;
}
/* Заголовок Актуальные события */
.xdget-lessonSchedule h3 {
margin-bottom: 20px;
padding: 20px 20px 0 20px;
border-radius: 15px 15px 0 0;
font-family: var(--font);
font-weight: 700;
color: var(--blackColor);
}
@media (max-width: 400px) {
.xdget-lessonSchedule .schedule-block {
padding: 0 15px 20px 15px;
}
.xdget-lessonSchedule h3 {
padding: 20px 15px 0 15px;
}
}
.xdget-lessonSchedule .schedule-block .day {
margin: 0 0 12px 0;
padding-bottom: 12px;
border-bottom: 1px solid #dddddd;
font-family: var(--font);
}
.xdget-lessonSchedule .schedule-block .day:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.xdget-lessonSchedule .schedule-block .day-label {
margin-bottom: 10px;
font-weight: 700;
color: var(--blackColor);
}
.xdget-lessonSchedule .schedule-block .day .event {
color: var(--blackColor);
}
.xdget-lessonSchedule .schedule-block .day .record,
.xdget-lessonSchedule .schedule-block .day .event {
padding: 0;
}
.xdget-lessonSchedule .schedule-block .day .record:not(:last-child) {
padding-bottom: 10px;
}
/* Время */
.xdget-lessonSchedule .schedule-block .day .time {
padding: 4px;
text-align: center;
border-radius: 20px;
font-size: 12px;
line-height: 1;
color: #ffffff;
background-color: var(--accentColor);
}
.xdget-lessonSchedule .schedule-block .day .record .event {
padding-left: 15px;
}
/* Ссылка на урок */
.xdget-lessonSchedule .schedule-block .event a {
color: #677294;
}
/* Урок сегодня */
.xdget-lessonSchedule .schedule-block .day.today .event a {
color: var(--accentColor);
}

Можно заменить цвет, размер и шрифт.

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

-6

Не забудь подписаться! В закрепленных есть информация только для подписчиков. https://dzen.ru/aboutonline