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

Contribuer 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ée par 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ée par IA)864×797 54.8 KB

Créez un Customization > Theme component et ajoutez 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, on devrait pouvoir utiliser la couleur de fond BBCode.
//      background-color: var(--secondary);
//* Couleur et épaisseur de la bordure
      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;
}

Remarque : Plusieurs copies du code ci-dessus ont été créées 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ée par 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ée par IA)864×1480 106 KB

Comment l’utiliser dans un message

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

Test des boîtes
[/wrap]

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

Remarque 2 : si vous utilisez la couleur BBCode via Customization > Plugin ou Customization > Theme component au lieu d’utiliser « > » (une ligne vide est requise comme séparateur), ou vous pourriez utiliser bgcolor=

Texte coloré 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. Couleur BBCode ou Barre d’outils de mise en forme. 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.

Bbcode Infoboxes