Plantillas para Wikis (especialmente una Infobox Object)

Contribuir Característica
2

Quizás utilices un envoltorio genérico de BBCode.

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

Crea un Customization > Theme component y agrega esto a CSS Common.

div[data-wrap="redbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//* Descomenta la línea de abajo para cambiar el color de fondo. Aunque en ese caso debería poder usarse el color de fondo de BBCode.
//      background-color: var(--secondary);
//* Color y grosor del recuadro
      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 cajas, cada una etiquetada con un tipo de caja y un texto de prueba. (Leyenda generada por IA)
La imagen muestra una pantalla de computadora con una lista de cajas, cada una etiquetada con un tipo de caja y un texto de prueba. (Leyenda generada por IA)864×1480 106 KB

Cómo usarlo en una publicación

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

Probando cajas
[/wrap]

Sustituye «red» por el color adecuado. Para el gris, usa simplemente «box».

Nota 2: Si usas el color de BBCode con Customization > Plugin o Customization > Theme component en lugar de usar «>» (se requiere una línea en blanco como separador), o podrías usar bgcolor=

Texto coloreado TC Dado que esto es un componente de tema, puede instalarse independientemente del hosting.

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

Bbcode Infoboxes