Infobox di Bbcode

Sviluppatore
2

Utilizzare questo codice nei post per le caselle di sfondo a colori:

[Wrap="redboxbg"]
> Infobox

Testing boxed
[/wrap]

Nuove opzioni di colore di sfondo Sostituire “red” con:

  • “green”, “blue”, “yellow”, “brown”, “orange”, “purple”, “pink”, “cyan”., “grey”.
  • Aggiunta casella vuota
    Sfondo colorato. Bordo grigio.
Screenshot Mobile

C'è un display colorato con caselle di testo che probabilmente rappresentano diverse categorie o scopi. (Sottotitolato dall'IA)
C'è un display colorato con caselle di testo che probabilmente rappresentano diverse categorie o scopi. (Sottotitolato dall'IA)864×1700 147 KB

Screenshot Mobile 2

L'immagine mostra un'interfaccia di un telefono cellulare con un elenco di caselle di test, tra cui informazioni e caselle di testo di test, con uno schema di colori blu e bianco. (Sottotitolato dall'IA)
L'immagine mostra un'interfaccia di un telefono cellulare con un elenco di caselle di test, tra cui informazioni e caselle di testo di test, con uno schema di colori blu e bianco. (Sottotitolato dall'IA)864×1631 144 KB

L'immagine mostra la testa di un robot futuristico, accompagnata dal testo "Testing text boxes" e da un invito all'utente a "Testing text below. (Sottotitolato dall'IA)
L'immagine mostra la testa di un robot futuristico, accompagnata dal testo "Testing text boxes" e da un invito all'utente a "Testing text below. (Sottotitolato dall'IA)864×876 437 KB

  • “grey”, “grey#” #=0-9.
    *Tutti sfondi grigi, bordo grigio,
    Bordo colore
    1 rosso, 2 verde, 3 blu, 4 giallo, 5 marrone, 6 arancione, 7 viola, 8 magenta, 9 rosa, 0 ciano (Op Code aggiornato)
Screenshot Mobile

Questo è uno screenshot di un'interfaccia utente che mostra una casella di test etichettata "Picture" con una testa di robot meccanica come immagine sottostante. (Sottotitolato dall'IA)
Questo è uno screenshot di un'interfaccia utente che mostra una casella di test etichettata "Picture" con una testa di robot meccanica come immagine sottostante. (Sottotitolato dall'IA)864×1050 353 KB

Questa immagine mostra un menu a discesa con quattro diverse caselle, ognuna delle quali rappresenta un diverso tipo di test. (Sottotitolato dall'IA)
Questa immagine mostra un menu a discesa con quattro diverse caselle, ognuna delle quali rappresenta un diverso tipo di test. (Sottotitolato dall'IA)863×1287 105 KB

Screenshot Mobile 2

L'immagine mostra un elenco di sei diverse opzioni di caselle di test, ognuna con il proprio codice colore e un'etichetta per la sua funzione. (Sottotitolato dall'IA)
L'immagine mostra un elenco di sei diverse opzioni di caselle di test, ognuna con il proprio codice colore e un'etichetta per la sua funzione. (Sottotitolato dall'IA)864×1676 127 KB

Questo è uno screenshot di una casella informativa con testo segnaposto per il contenuto. (Sottotitolato dall'IA)
Questo è uno screenshot di una casella informativa con testo segnaposto per il contenuto. (Sottotitolato dall'IA)864×445 33.4 KB

Questo potrebbe essere sia un componente autonomo sia aggiunto a Testo colorato TC.

  • Limitare i colori utilizzabili aiuta a mantenerli puliti.

DA FARE:

  • Aggiungere opzioni per Arancione, Marrone, Viola, & Rosa, Magenta, Ciano Codice completo aggiornato Op post
  • Forse rendere il codice più bello con feedback.
  • Creare account GitHub. Imparare ad aggiungere impostazioni per personalizzare il bordo &?.. Pubblicare eventualmente come TC.
3 Mi Piace