Potrebbe usare un wrapper Bbcode generico.
creare un Theme component e aggiungerlo a CSS Common.
div[data-wrap="redbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
//* Decommentare la riga sottostante per cambiare il colore di sfondo. In tal caso, dovrebbe essere possibile utilizzare il colore di sfondo del bbcode.
// background-color: var(--secondary);
//* Colore e spessore del bordo
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: Sono state create diverse copie del codice sopra per colori diversi. Ad esempio “greenbox”, “yellowbox”, “bluebox” e “box” (grigio)
Come usare nei post
[wrap=redbox]
> ## Info box
Testing boxes
[/wrap]
Sostituire “red” con il colore appropriato. Per il grigio basta “box”
Nota 2: se si utilizza il colore del bbcode Plugin o Theme component invece di usare “>” (è necessaria una riga vuota come separatore) o si può usare bgcolor=
Colored Text TC Poiché si tratta di un componente tematico, può essere installato indipendentemente dall’hosting.
Ci sono 2 #plugins che supportano il colore Bbcode. Bbcode color o Formatting Toolbar. Attenzione: installare solo uno di questi plugin; penso che la barra degli strumenti di formattazione avvisi che l’installazione di entrambi danneggerà il tuo sito.