Modelli per Wikis (specialmente un Infobox Object)

Contribuisci Funzionalità
2

Forse è meglio utilizzare un wrapper BBCode generico.

L'immagine è uno screenshot di un'interfaccia digitale che mostra informazioni tecniche e una casella di prova con una didascalia informativa. (Didascalia generata dall'AI)
L'immagine è uno screenshot di un'interfaccia digitale che mostra informazioni tecniche e una casella di prova con una didascalia informativa. (Didascalia generata dall'AI)864×797 54.8 KB

Crea un Customization > Theme component e aggiungi questo a CSS Common.

div[data-wrap="redbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//* De-commenta la riga sottostante per cambiare il colore di sfondo. Tuttavia, in tal caso, si potrebbe usare il colore di sfondo BBCode.
//      background-color: var(--secondary);
//* Colore e spessore della cornice
      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;
}

Nota: Ho creato diverse copie del codice sopra per colori diversi, ovvero «greenbox», «yellowbox», «bluebox» e «box» (grigio).

L'immagine mostra uno schermo del computer con un elenco di caselle, ognuna etichettata con un tipo di casella e un testo di prova. (Didascalia generata dall'AI)
L'immagine mostra uno schermo del computer con un elenco di caselle, ognuna etichettata con un tipo di casella e un testo di prova. (Didascalia generata dall'AI)864×1480 106 KB

Come utilizzarlo in un post

[wrap=redbox]
> ## Casella informativa

Test delle caselle
[/wrap]

Sostituisci «red» con il colore appropriato. Per il grigio usa semplicemente «box».

Nota 2: se si utilizza il colore BBCode tramite Customization > Plugin o Customization > Theme component, invece di usare «>» (è necessaria una riga vuota come separatore), oppure si può usare bgcolor=

Colored Text TC Poiché si tratta di un componente del tema, può essere installato indipendentemente dall’hosting.

Esistono 2 #plugin che supportano il colore BBCode: Bbcode color oppure Formatting Toolbar. Attenzione: installa solo uno di questi plugin; credo che «Formatting Toolbar» avvisi che installarli entrambi potrebbe danneggiare il tuo sito.

Bbcode Infoboxes