Wikis 模板（尤其是信息框对象模板）

贡献 功能
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

创建一个 Customization > 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 颜色，可通过 Customization > Plugin 或 Customization > Theme component 实现，而无需使用「>」（需要空行作为分隔符），或者也可以使用 bgcolor=。

彩色文本主题组件 由于这是一个主题组件，因此无论托管环境如何都可以安装。

有 2 个 #plugins 支持 BBCode 颜色：BBCode 颜色 或 格式化工具栏。警告 仅安装其中一个插件；我认为格式化工具栏会警告，同时安装两者会导致网站崩溃。

Bbcode Infoboxes