Modelos para Wikis (especialmente uma Infobox Object)

Contribuir Funcionalidade
2

Talvez usar um wrapper genérico de BBCode.

A imagem é uma captura de tela de uma interface digital exibindo informações técnicas e uma caixa de teste com uma legenda informativa. (Legenda gerada por IA)
A imagem é uma captura de tela de uma interface digital exibindo informações técnicas e uma caixa de teste com uma legenda informativa. (Legenda gerada por IA)864×797 54.8 KB

Crie um Customization > 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, fosse 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. Ou seja, „greenbox“, „yellowbox“, „bluebox“ e „box“ (cinza).

A imagem mostra uma tela de computador com uma lista de caixas, cada uma rotulada com um tipo de caixa e um texto de teste. (Legenda gerada por IA)
A imagem mostra uma tela de computador com uma lista de caixas, cada uma rotulada com um tipo de caixa e um texto de teste. (Legenda gerada por IA)864×1480 106 KB

Como usar em uma postagem

[wrap=redbox]
> ## Caixa de informações

Testando caixas
[/wrap]

Substitua „red“ pela cor apropriada. Para cinza, use apenas „box“.

Nota 2: Se estiver usando a cor do BBCode via Customization > Plugin ou Customization > Theme component em vez de usar „>“ (uma linha em branco é necessária como separador), ou você poderia usar bgcolor=

Texto Colorido TC Como este é um componente de tema, ele pode ser instalado independentemente da hospedagem.

Existem 2 #plugins que suportam a cor do BBCode: Cor do BBCode ou Barra de Ferramentas de Formatação. Aviso: Instale apenas um desses plugins; acho que a Barra de Ferramentas de Formatação avisa que instalar ambos quebrará seu site.

Bbcode Infoboxes