Modèles pour les Wikis (notamment une Infobox Object)

Fonctionnalité
2

Peut-être utiliser un wrapper Bbcode générique.

L'image est une capture d'écran d'une interface numérique affichant des informations techniques et une boîte de test avec une légende informative. (Légendé par l'IA)
L'image est une capture d'écran d'une interface numérique affichant des informations techniques et une boîte de test avec une légende informative. (Légendé par l'IA)864×797 54.8 KB

créer un Theme component et ajouter ceci à CSS Common.

div[data-wrap="redbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//* Décommentez la ligne ci-dessous pour changer la couleur de fond. Bien que dans ce cas, vous devriez pouvoir utiliser la couleur de fond du bbcode.
//      background-color: var(--secondary);
//* Couleur et épaisseur de la boîte
      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;
}

Note : Créé plusieurs copies du code ci-dessus pour différentes couleurs. Par exemple “greenbox”, “yellowbox”, “bluebox” et “box” (gris)

L'image montre un écran d'ordinateur avec une liste de boîtes, chacune étiquetée avec un type de boîte et un texte de test. (Légendé par l'IA)
L'image montre un écran d'ordinateur avec une liste de boîtes, chacune étiquetée avec un type de boîte et un texte de test. (Légendé par l'IA)864×1480 106 KB

Comment l’utiliser dans un post

[wrap=redbox]
> ## Boîte d'information

Test des boîtes
[/wrap]

Remplacez “red” par la couleur appropriée. Pour le gris, utilisez simplement “box”.

Note 2 : Si vous utilisez le composant de thème bbcode-color ou Theme component au lieu d’utiliser “>” (une ligne vide est nécessaire comme séparateur) ou vous pouvez utiliser bgcolor=

Colored Text TC Puisqu’il s’agit d’un composant de thème, il peut être installé quel que soit l’hébergement.

Il existe 2 #plugins qui prennent en charge la couleur Bbcode. Bbcode color ou Formatting Toolbar. Attention n’installez qu’un seul de ces plugins ; je pense que la barre d’outils de mise en forme avertit que l’installation des deux cassera votre site.