Помощь ItemsAdder кастомизация

Версия ядра сервера

1.21+

Знает кто как создаются эти плашки под скорбоардом? Я знаю как сделать его прозрачным и добавить название проекта, но не понимаю как сделать эти плашки под текстом

 

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

Если вы используете HTML и CSS, то пример может выглядеть так:

<div class="scoreboard">
    <div class="project-name">Название проекта</div>
    <div class="score-panel">Текст под плашкой 1</div>
    <div class="score-panel">Текст под плашкой 2</div>
</div>

.scoreboard {
    background-color: rgba(0, 0, 0, 0.5); /* Прозрачный фон */
    padding: 20px;
}

.project-name {
    font-size: 24px;
    color: white;
    text-align: center;
}

.score-panel {
    background-color: rgba(255, 255, 255, 0.8); /* Фон плашки */
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
}

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