Как добавить дополнительную кнопку в боковое меню в GetCourse
Видеоурок о том, как можно добавить дополнительную кнопку в боковое меню на платформе GetCourse. Функционалом платформы такая возможность не предусмотрена, для этого есть специальный скрипт. Кнопку можно поставить абсолютно любую, ссылку добавить абсолютно любую, подсказку при наведении также можно установить любую.
Видеоинструкция по установке
Код для копирования
СКРИПТ ДЛЯ ВСТАВКИ В НАСТРОЙКИ АККАУНТА (ЧТОБЫ ИКОНКА ПОЯВИЛАСЬ ВЕЗДЕ)
<script>
/*ДОПОЛНИТЕЛЬНАЯ ИКОНКА В БОКОВОМ МЕНЮ*/
window.addEventListener("load", function () {
const ulUserMenu = document.querySelector('.gc-account-user-menu');
if (ulUserMenu !== null) {
const liNewIcon = document.createElement('li');
liNewIcon.className = "menu-item";
liNewIcon.innerHTML = `<a href="https://kakosha.ru/scripts" title="Вопросы по платформе" class="with-label" target="_blank">
<img class="menu-item-icon"
src="https://fs.getcourse.ru/fileservice/file/download/a/659425/sc/308/h/3d4bcec98e90594302fad5fcc667ce87.png">
<span class="menu-item-label">Название</span></a>`;
ulUserMenu.append(liNewIcon);
};
}); // после полной загрузки
</script>
—--------------------------------------------------------------------------------
СКРИПТ ДЛЯ ВСТАВКИ В БЛОК JS В ТРЕНИНГЕ (ИКОНКА ПОЯВИТСЯ ТОЛЬКО НА СТРАНИЦЕ,ГДЕ ВСТАВЛЕН СКРИПТ)
/*ДОПОЛНИТЕЛЬНАЯ ИКОНКА В БОКОВОМ МЕНЮ*/
window.addEventListener("load", function () {
const ulUserMenu = document.querySelector('.gc-account-user-menu');
const liNewIcon = document.createElement('li');
liNewIcon.className = "menu-item";
liNewIcon.innerHTML = `<a href="https://kakosha.ru/scripts" title="Вопросы по платформе" class="with-label" target="_blank">
<img class="menu-item-icon"
src="https://fs.getcourse.ru/fileservice/file/download/a/659425/sc/308/h/3d4bcec98e90594302fad5fcc667ce87.png">
<span class="menu-item-label">Название</span></a>`;
ulUserMenu.append(liNewIcon);
}); // после полной загрузки
—--------------------------------------------------------------------------------
ЧТО НУЖНО ПОМЕНЯТЬ В СКРИПТЕ?
/*ДОПОЛНИТЕЛЬНАЯ ИКОНКА В БОКОВОМ МЕНЮ*/
window.addEventListener("load", function () {
const ulUserMenu = document.querySelector('.gc-account-user-menu');
const liNewIcon = document.createElement('li');
liNewIcon.className = "menu-item";
liNewIcon.innerHTML = `<a href="https://kakosha.ru/scripts" title="Вопросы по платформе" class="with-label" target="_blank">
<img class="menu-item-icon"
src="https://fs.getcourse.ru/fileservice/file/download/a/659425/sc/308/h/3d4bcec98e90594302fad5fcc667ce87.png">
<span class="menu-item-label">Название</span></a>`;
ulUserMenu.append(liNewIcon);
}); // после полной загрузки
https://kakosha.ru/scripts - все, что в кавычках, нужно вставить ссылку на ваш ресурс
Вопросы по платформе - все, что в кавычках, нужно вставить подсказку при наведении
https://fs.getcourse.ru/fileservice/….png - все, что в кавычках, нужно вставить ссылку на загруженную иконку
<script>
/*ДОПОЛНИТЕЛЬНАЯ ИКОНКА В БОКОВОМ МЕНЮ*/
window.addEventListener("load", function () {
const ulUserMenu = document.querySelector('.gc-account-user-menu');
if (ulUserMenu !== null) {
const liNewIcon = document.createElement('li');
liNewIcon.className = "menu-item";
liNewIcon.innerHTML = `<a href="https://kakosha.ru/scripts" title="Вопросы по платформе" class="with-label" target="_blank">
<img class="menu-item-icon"
src="https://fs.getcourse.ru/fileservice/file/download/a/659425/sc/308/h/3d4bcec98e90594302fad5fcc667ce87.png">
<span class="menu-item-label">Название</span></a>`;
ulUserMenu.append(liNewIcon);
};
}); // после полной загрузки
</script>
—--------------------------------------------------------------------------------
СКРИПТ ДЛЯ ВСТАВКИ В БЛОК JS В ТРЕНИНГЕ (ИКОНКА ПОЯВИТСЯ ТОЛЬКО НА СТРАНИЦЕ,ГДЕ ВСТАВЛЕН СКРИПТ)
/*ДОПОЛНИТЕЛЬНАЯ ИКОНКА В БОКОВОМ МЕНЮ*/
window.addEventListener("load", function () {
const ulUserMenu = document.querySelector('.gc-account-user-menu');
const liNewIcon = document.createElement('li');
liNewIcon.className = "menu-item";
liNewIcon.innerHTML = `<a href="https://kakosha.ru/scripts" title="Вопросы по платформе" class="with-label" target="_blank">
<img class="menu-item-icon"
src="https://fs.getcourse.ru/fileservice/file/download/a/659425/sc/308/h/3d4bcec98e90594302fad5fcc667ce87.png">
<span class="menu-item-label">Название</span></a>`;
ulUserMenu.append(liNewIcon);
}); // после полной загрузки
—--------------------------------------------------------------------------------
ЧТО НУЖНО ПОМЕНЯТЬ В СКРИПТЕ?
/*ДОПОЛНИТЕЛЬНАЯ ИКОНКА В БОКОВОМ МЕНЮ*/
window.addEventListener("load", function () {
const ulUserMenu = document.querySelector('.gc-account-user-menu');
const liNewIcon = document.createElement('li');
liNewIcon.className = "menu-item";
liNewIcon.innerHTML = `<a href="https://kakosha.ru/scripts" title="Вопросы по платформе" class="with-label" target="_blank">
<img class="menu-item-icon"
src="https://fs.getcourse.ru/fileservice/file/download/a/659425/sc/308/h/3d4bcec98e90594302fad5fcc667ce87.png">
<span class="menu-item-label">Название</span></a>`;
ulUserMenu.append(liNewIcon);
}); // после полной загрузки
https://kakosha.ru/scripts - все, что в кавычках, нужно вставить ссылку на ваш ресурс
Вопросы по платформе - все, что в кавычках, нужно вставить подсказку при наведении
https://fs.getcourse.ru/fileservice/….png - все, что в кавычках, нужно вставить ссылку на загруженную иконку
