Стилизация уровней

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

Если движок игры — штурмовой, вы можете отображать общее количество накопленных командой бонусов (баллов) прямо в верхней панели экрана.

Для реализации:

1. В поле “Общий HTML заголовок игры” (в настройках игры) добавьте скрипт инициализации панели:

<script>
$(document).ready(function () {
  $(".btn-toolbar").append( "<div class='m-auto'><span style='font-size:1.5em'> &#128181; :&nbsp;<span class='total_bonus'></span><span></div>" );
  show_money();
});
</script>

1. В скрипт каждого конкретного задания (в поле скрипта уровня), где должны отображаться баллы, добавьте вызов:

show_money();

Чтобы доступные уровни в штурмовой игре отображались не в выпадающем списке (drop-down), а в горизонтальный ряд кнопок, вставьте в “Общий HTML заголовок игры”:

<script>
$(document).ready(function(){
  restyleStormLevels({"type":0});
});
</script>

Чтобы пройденные уровни полностью пропадали из списка доступных, добавьте в “Общий HTML заголовок игры” стили скрытия блоков:

<style type="text/css">
#complete_levels_out {
  display: none;
}
.bonus-tasks {
  display: none;
}
</style>

Примеры интерактивных JS-скриптов и более сложные манипуляции описаны на странице Сценарии и интерактивные элементы.