Talvez usar um wrapper genérico de Bbcode.
Crie um Theme component e adicione isso ao CSS Comum.
div[data-wrap="redbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
//* Descomente a linha abaixo para alterar a cor de fundo. Embora nesse caso deva ser possível usar a cor de fundo do bbcode.
// background-color: var(--secondary);
//* Cor e Espessura da Caixa
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: Criei várias cópias do código acima para cores diferentes. Por exemplo, “greenbox”, “yellowbox”, “bluebox” e “box” (cinza)
Como usar na postagem
[wrap=redbox]
> ## Caixa de Informações
Testando caixas
[/wrap]
Substitua “red” pela cor apropriada. Para cinza, apenas “box”.
Nota 2: Se estiver usando o plugin de cor de bbcode ou Theme component em vez de usar “>” (linha em branco necessária como separador) ou você pode usar bgcolor=
Colored Text TC Como este é um componente de tema, ele pode ser instalado independentemente da hospedagem.
Existem 2 #plugins que suportam cores de Bbcode. Bbcode color ou Formatting Toolbar. Aviso: instale apenas um desses plugins; acho que a barra de ferramentas de formatação avisa que instalar ambos quebrará seu site.