Plantillas para Wikis (especialmente una Infobox Object)

Característica
2

Quizás usar un contenedor Genérico de Bbcode.

La imagen es una captura de pantalla de una interfaz digital que muestra información técnica y un cuadro de prueba con una leyenda informativa. (Subtitulado por IA)
La imagen es una captura de pantalla de una interfaz digital que muestra información técnica y un cuadro de prueba con una leyenda informativa. (Subtitulado por IA)864×797 54.8 KB

Crear un Theme component y añadir esto a CSS Common.

div[data-wrap="redbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//* Descomentar la línea de abajo para cambiar el color de fondo. Sin embargo, en ese caso, debería ser posible usar el color de fondo del bbcode.
//      background-color: var(--secondary);
//* Color y Grosor de la Caja
      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: Se crearon varias copias del código anterior para diferentes colores. Es decir, “greenbox”, “yellowbox”, “bluebox” y “box” (gris).

La imagen muestra una pantalla de computadora con una lista de cuadros, cada uno etiquetado con un tipo de cuadro y un texto de prueba. (Subtitulado por IA)
La imagen muestra una pantalla de computadora con una lista de cuadros, cada uno etiquetado con un tipo de cuadro y un texto de prueba. (Subtitulado por IA)864×1480 106 KB

Cómo usar en una publicación

[wrap=redbox]
> ## Caja de información

Cajas de prueba
[/wrap]

Sustituye “red” por el color apropiado. Para gris, solo “box”.

Nota 2: si usas el color de bbcode Plugin o Theme component en lugar de usar “>” (se requiere una línea en blanco como separador) o puedes usar bgcolor=

Colored Text TC Dado que este es un componente temático, se puede instalar independientemente del alojamiento.

Hay 2 #plugins que admiten el color de Bbcode. Bbcode color o Formatting Toolbar. Advertencia: instala solo uno de estos plugins; creo que la barra de herramientas de formato advierte que instalar ambos romperá tu sitio.