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

Merkmal
2

Vielleicht eine generische BBCode-Wrapper-Funktion verwenden.

Das Bild ist ein Screenshot einer digitalen Benutzeroberfläche, die technische Informationen und ein Testfeld mit einer informativen Beschriftung anzeigt. (Beschriftet von AI)
Das Bild ist ein Screenshot einer digitalen Benutzeroberfläche, die technische Informationen und ein Testfeld mit einer informativen Beschriftung anzeigt. (Beschriftet von AI)864×797 54.8 KB

Erstellen Sie eine Theme component 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;
//* Zeile unten auskommentieren, um die Hintergrundfarbe zu ändern. Dann sollte jedoch die BBCode-Hintergrundfarbe verwendet werden können.
//      background-color: var(--secondary);
//* Farbe & Dicke 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: Mehrere Kopien des obigen Codes für verschiedene Farben erstellt. Z.B. „greenbox“, „yellowbox“, „bluebox“ und „box“ (grau)

Das Bild zeigt einen Computerbildschirm mit einer Liste von Boxen, die jeweils mit einem Boxentyp und einem Testtext beschriftet sind. (Beschriftet von AI)
Das Bild zeigt einen Computerbildschirm mit einer Liste von Boxen, die jeweils mit einem Boxentyp und einem Testtext beschriftet sind. (Beschriftet von AI)864×1480 106 KB

Wie man es im Beitrag verwendet

[wrap=redbox]
> ## Info box

Testing boxes
[/wrap]

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

Hinweis 2: Wenn Sie BBCode-Farbe Plugin oder Theme component verwenden, anstatt „>“ (Leerzeile als Trennzeichen erforderlich) zu verwenden, oder Sie könnten bgcolor= verwenden.

Colored 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 color oder Formatting Toolbar. Warnung: Installieren Sie nur eines dieser Plugins; Ich glaube, die Formatierungs-Toolbar warnt davor, dass die Installation beider Ihre Website beschädigen wird.