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

Beitragen Merkmal
2

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)
Das Bild ist ein Screenshot einer digitalen Schnittstelle, die technische Informationen und eine Testbox mit einer informativen Bildunterschrift anzeigt. (Von KI beschriftet)864×797 54.8 KB

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

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)
Das Bild zeigt einen Computerbildschirm mit einer Liste von Boxen, die jeweils mit einem Boxtyp und einem Testtext beschriftet sind. (Von KI beschriftet)864×1480 106 KB

Verwendung in einem Beitrag

[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 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 oder Formatierungs-Symbolleiste. Warnung: Installieren Sie nur eines dieser Plugins; ich glaube, die Formatierungs-Symbolleiste warnt davor, dass die Installation beider Ihre Seite beschädigen wird.

Bbcode Infoboxes