# Vorlagen für Wikis (insbesondere eine Infobox-Objekt)

**URL:** <https://meta.discourse.org/t/templates-for-wikis-especially-an-infobox-object/322617>\
**Category:** Feature\
**Tags:** wiki-posts\
**Created:** [21. August 2024 um 02:58 UTC](https://meta.discourse.org/t/templates-for-wikis-especially-an-infobox-object/322617 "2024-08-21T02:58:05Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\
**Post date:** [25. August 2024 um 08:29 UTC](https://meta.discourse.org/t/templates-for-wikis-especially-an-infobox-object/322617/2 "2024-08-25T08:29:05Z")

</div>

Vielleicht einen generischen BBCode-Wrapper verwenden.

 ![Das Bild ist ein Screenshot einer digitalen Schnittstelle, die technische Informationen und eine Testbox mit einer informativen Bildunterschrift anzeigt. (Von KI beschriftet)](https://global.discourse-cdn.com/meta/original/4X/7/8/1/781e30bdadebce01681663353df46d56d39f9ab2.png)

Erstellen Sie eine #customization:theme-Komponente und fügen Sie dies zu CSS Common hinzu.

```plaintext
div[data-wrap="redbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//* Kommentieren Sie die Zeile unten aus, um die Hintergrundfarbe zu ändern. In diesem Fall sollte jedoch die BBCode-Hintergrundfarbe verwendet werden können.
// background-color: var(--secondary);
//* Farbe und Stärke des Rahmens
      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;
}

```

**Hinweis:** Es wurden mehrere Kopien des obigen Codes für verschiedene Farben erstellt. Also „greenbox“, „yellowbox“, „bluebox“ und „box“ (grau).

 ![Das Bild zeigt einen Computerbildschirm mit einer Liste von Boxen, die jeweils mit einem Boxtyp und einem Testtext beschriftet sind. (Von KI beschriftet)](https://global.discourse-cdn.com/meta/original/4X/e/2/e/e2eb58d5d1c0179bac3e4673dc2a538ac825bce9.png)

Verwendung in einem Beitrag

```plaintext
[wrap=redbox]
> ## Info-Box

Testboxen
[/wrap]

```

Ersetzen Sie „red“ durch die entsprechende Farbe. Für Grau einfach „box“ verwenden.

* * *

**Hinweis 2:** Wenn Sie BBCode-Farbe mit #Customization > Plugin oder #customization:theme-Komponente verwenden, anstatt „\>“ (eine Leerzeile ist als Trennzeichen erforderlich), oder Sie könnten bgcolor= verwenden.

[Farbiger Text TC](https://meta.discourse.org/t/discourse-coloured-text/218111?u=heliosurge) Da dies eine Theme-Komponente ist, kann sie unabhängig vom Hosting installiert werden.

Es gibt 2 #plugins, die BBCode-Farbe unterstützen. [BBCode-Farbe](https://meta.discourse.org/tag/bbcode-color) **oder** [Formatierungs-Symbolleiste](https://meta.discourse.org/t/formatting-toolbar/40649). **Warnung:** Installieren Sie nur eines dieser Plugins; ich glaube, die Formatierungs-Symbolleiste warnt davor, dass die Installation beider Ihre Seite beschädigen wird.

---

_[View the full topic](https://meta.discourse.org/t/templates-for-wikis-especially-an-infobox-object/322617)._