[html]<div id="sitemap_4eDo"></div>
<div id="sitemap_4eDo_links" hidden>[
  {
    "link": "https://www.example.com/link1",
    "title": "Люто важнючая информация",
    "tags": ["Карта мира", "История: битвы", "Фауна: шишуги"]
  },
  {
    "link": "https://www.example.com/link2",
    "title": "Замес, вошедший во все летописи",
    "tags": ["Расы: эльфы", "Расы: гномы", "Расы: люди", "Расы: орки", "История: битвы"]
  },
  {
    "link": "https://www.example.com/link3",
    "title": "Минутка странных фактов",
    "tags": ["Расы: эльфы", "Фауна"]
  },
  {
    "link": "https://www.example.com/link4",
    "title": "Кусок арбузной корки",
    "tags": ["Расы: эльфы", "Расы: гномы", "Расы: люди", "Расы: орки", "История: битвы", "Артефакты"]
  },
  {
    "link": "https://www.example.com/link5",
    "title": "Златые стрелы",
    "tags": ["Расы: эльфы", "Оружие"]
  },
  {
    "link": "https://www.example.com/link6",
    "title": "Лес золотой",
    "tags": ["Расы: эльфы", "Карта мира", "История: битвы", "Флора"]
  },
  {
    "link": "https://www.example.com/link7",
    "title": "Чёрный лес",
    "tags": ["Расы: орки", "Карта мира", "История: битвы", "Флора"]
  }
]</div>
<script type="text/javascript" src="https://4edo.github.io/mybb/navigation/navigation_generator.js"></script>

<style> /* Общий блок */
#sitemap_4eDo {
  font-family: sans-serif;
  columns: 3; /* сколько колонок надо */
}

/* Основные категории */
#sitemap_4eDo .tagList {
  list-style: none;
  padding: 0;
  break-inside: avoid-column;
}

/* Внешний вид ссылок */
#sitemap_4eDo .tagItem{
  display: block;
  width: 90%;
  padding: 0px 5px;
  margin: 5px 0px;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
#sitemap_4eDo .tagItem:hover{
  background-color: rgba(128, 128, 128, 0.1);
}

/* Заголовки категорий и подкатегорий */
#sitemap_4eDo .tagTitle,
#sitemap_4eDo .subTitle {
  font-weight: bold;
}
/* Категории */
#sitemap_4eDo .tagTitle{
  font-size: 1.2em;
}
/* Все списки */
#sitemap_4eDo ul,
#sitemap_4eDo .tagItem {
  margin-left: 20px;
}
/* Подкатегории */
#sitemap_4eDo .subList {}</style>[/html]