Infoboxes BBcode

Dev
2

Utilisez ce code dans les publications pour des boîtes de couleur de fond :

[Wrap="redboxbg"]
> Infobox

Testing boxed
[/wrap]

Nouvelles options de couleur d’arrière-plan Remplacez « red » par :

  • « green », « blue », « yellow », « brown », « orange », « purple », « pink », « cyan », « grey ».
  • Boîte vide ajoutée
    Couleur de fond. Bordure grise.
Screenshot Mobile

Il y a un affichage coloré avec des zones de texte qui représentent probablement différentes catégories ou objectifs. (Légendé par l'IA)
Il y a un affichage coloré avec des zones de texte qui représentent probablement différentes catégories ou objectifs. (Légendé par l'IA)864×1700 147 KB

Screenshot Mobile 2

L'image affiche une interface de téléphone mobile avec une liste de zones de test, y compris des zones d'information et de test, avec un schéma de couleurs bleu et blanc. (Légendé par l'IA)
L'image affiche une interface de téléphone mobile avec une liste de zones de test, y compris des zones d'information et de test, avec un schéma de couleurs bleu et blanc. (Légendé par l'IA)864×1631 144 KB

L'image affiche une tête de robot futuriste, accompagnée du texte "Testing text boxes" et d'une invite à l'utilisateur pour "Testing text below. (Légendé par l'IA)
L'image affiche une tête de robot futuriste, accompagnée du texte "Testing text boxes" et d'une invite à l'utilisateur pour "Testing text below. (Légendé par l'IA)864×876 437 KB

  • « grey », « grey# » #=0-9.
    *Tous les arrière-plans gris, bordure grise,
    Bordure couleur
    1 rouge, 2 vert, 3 bleu, 4 jaune, 5 marron, 6 orange, 7 violet, 8 magenta, 9 rose, 0 cyan (Code Op mis à jour)
Screenshot Mobile

Ceci est une capture d'écran d'une interface utilisateur montrant une boîte de test intitulée "Picture" avec une tête de robot mécanique en dessous. (Légendé par l'IA)
Ceci est une capture d'écran d'une interface utilisateur montrant une boîte de test intitulée "Picture" avec une tête de robot mécanique en dessous. (Légendé par l'IA)864×1050 353 KB

Cette image affiche un menu déroulant avec quatre boîtes différentes, chacune représentant un type de test différent. (Légendé par l'IA)
Cette image affiche un menu déroulant avec quatre boîtes différentes, chacune représentant un type de test différent. (Légendé par l'IA)863×1287 105 KB

Screenshot Mobile 2

L'image montre une liste de six options de boîtes de test différentes, chacune avec son propre code couleur et une étiquette pour sa fonction. (Légendé par l'IA)
L'image montre une liste de six options de boîtes de test différentes, chacune avec son propre code couleur et une étiquette pour sa fonction. (Légendé par l'IA)864×1676 127 KB

Ceci est une capture d'écran d'une boîte d'information avec un texte de substitution pour le contenu. (Légendé par l'IA)
Ceci est une capture d'écran d'une boîte d'information avec un texte de substitution pour le contenu. (Légendé par l'IA)864×445 33.4 KB

Cela pourrait être à la fois un composant autonome ou peut-être ajouté à Texte coloré TC.

  • Restreindre les couleurs utilisables permet de les garder propres.

À FAIRE :

  • Ajouter des options pour Orange, Marron, Violet, & Rose, Magenta, Cyan Code complet mis à jour dans le post Op
  • Peut-être rendre le code plus joli avec des retours.
  • Créer un compte GitHub. Apprendre à ajouter des paramètres pour personnaliser la bordure et ?.. Publier éventuellement en tant que TC.
3 « J'aime »