Шаблоны для вики (особенно инфобокс объекта)

Внести вклад Функция
2

Возможно, стоит использовать универсальный обертку BBCode.

The image is a screenshot of a digital interface displaying technical information and a test box with an informational caption. (Captioned by AI)
The image is a screenshot of a digital interface displaying technical information and a test box with an informational caption. (Captioned by AI)864×797 54.8 KB

Создайте компонент темы #theme-component и добавьте следующий код в CSS Common.

div[data-wrap="redbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//* Раскомментируйте строку ниже, чтобы изменить цвет фона. Хотя в таком случае можно было бы использовать цвет фона BBCode.
//      background-color: var(--secondary);
//* Цвет и толщина рамки
      border: 2.5px solid #ff0000;
      border-radius: 0.40em;
}
div[data-wrap="greenbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//      background-color: var(--secondary);
      border: 2.5px solid #00ff00;
      border-radius: 0.40em;
}
div[data-wrap="bluebox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//      background-color: var(--secondary);
      border: 2.5px solid #0000ff;
      border-radius: 0.40em;
}
div[data-wrap="yellowbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//      background-color: var(--secondary);
      border: 2.5px solid #ffff00;
      border-radius: 0.40em;
}
div[data-wrap="box"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//      background-color: var(--secondary);
      border: 2.5px solid #808080;
      border-radius: 0.40em;
}

Примечание: Создано несколько копий вышеуказанного кода для разных цветов. То есть «greenbox», «yellowbox», «bluebox» и «box» (серый).

The image shows a computer screen with a list of boxes, each labeled with a type of box and a testing text. (Captioned by AI)
The image shows a computer screen with a list of boxes, each labeled with a type of box and a testing text. (Captioned by AI)864×1480 106 KB

Как использовать в сообщении:

[wrap=redbox]
> ## Информационное поле

Тестирование блоков
[/wrap]

Замените «red» на соответствующий цвет. Для серого используйте просто «box».

Примечание 2: Если вы используете плагин цвета BBCode #plugin или компонент темы #theme-component вместо символа «>» (требуется пустая строка в качестве разделителя), вы также можете использовать атрибут bgcolor=.

Цветной текст TC Поскольку это компонент темы, его можно установить независимо от хостинга.

Существует 2 плагина, поддерживающих цвет BBCode: Цвет BBCode или Панель форматирования. Предупреждение: Устанавливайте только один из этих плагинов; я полагаю, что панель форматирования предупреждает, что установка обоих может сломать ваш сайт.

Bbcode Infoboxes