Caixas de informações BBCode

Dev
2

Use este código em postagens para caixas de cor de fundo:

[Wrap="redboxbg"]
> Infobox

Testing boxed
[/wrap]

Novas opções de cor de fundo Substitua “red” por:

  • “green”, “blue”, “yellow”, “brown”, “orange”, “purple”, “pink”, “cyan”., “grey”.
  • Caixa em branco adicionada
    Cor de fundo. Borda cinza.
Screenshot Mobile

Há uma exibição colorida com caixas de texto que provavelmente representam diferentes categorias ou propósitos. (Legenda da IA)
Há uma exibição colorida com caixas de texto que provavelmente representam diferentes categorias ou propósitos. (Legenda da IA)864×1700 147 KB

Screenshot Mobile 2

A imagem exibe uma interface de telefone móvel com uma lista de caixas de teste, incluindo informações e caixas de texto de teste, com um esquema de cores azul e branco. (Legenda da IA)
A imagem exibe uma interface de telefone móvel com uma lista de caixas de teste, incluindo informações e caixas de texto de teste, com um esquema de cores azul e branco. (Legenda da IA)864×1631 144 KB

A imagem exibe a cabeça de um robô futurista, acompanhada pelo texto "Testing text boxes" e um prompt para o usuário "Testing text below. (Legenda da IA)
A imagem exibe a cabeça de um robô futurista, acompanhada pelo texto "Testing text boxes" e um prompt para o usuário "Testing text below. (Legenda da IA)864×876 437 KB

  • “grey”, “grey#” #=0-9.
    *Todos os fundos cinza, borda cinza,
    Borda cor
    1 vermelho, 2 verde, 3 azul, 4 amarelo, 5 Marrom, 6 Laranja, 7 Roxo, 8 Magenta, 9 Rosa, 0 Ciano (Op Code atualizado)
Screenshot Mobile

Este é um screenshot de uma interface de usuário mostrando uma caixa de teste rotulada "Picture" com uma cabeça de robô mecânica como imagem abaixo. (Legenda da IA)
Este é um screenshot de uma interface de usuário mostrando uma caixa de teste rotulada "Picture" com uma cabeça de robô mecânica como imagem abaixo. (Legenda da IA)864×1050 353 KB

Esta imagem exibe um menu suspenso com quatro caixas diferentes, cada uma representando um tipo diferente de teste. (Legenda da IA)
Esta imagem exibe um menu suspenso com quatro caixas diferentes, cada uma representando um tipo diferente de teste. (Legenda da IA)863×1287 105 KB

Screenshot Mobile 2

A imagem mostra uma lista de seis opções diferentes de caixas de teste, cada uma com seu próprio código de cor e um rótulo para sua função. (Legenda da IA)
A imagem mostra uma lista de seis opções diferentes de caixas de teste, cada uma com seu próprio código de cor e um rótulo para sua função. (Legenda da IA)864×1676 127 KB

Este é um screenshot de uma caixa de informações com um texto de espaço reservado para o conteúdo. (Legenda da IA)
Este é um screenshot de uma caixa de informações com um texto de espaço reservado para o conteúdo. (Legenda da IA)864×445 33.4 KB

Isso pode ser um componente independente ou talvez também adicionado a Texto Colorido TC.

  • Restringir quais cores podem ser usadas ajuda a mantê-las limpas.

PARA FAZER:

  • Adicionar opções para Laranja, Marrom, Roxo e Rosa, Magenta, Ciano Código completo atualizado Op post
  • Talvez tornar o código mais bonito com feedback.
  • Criar conta no GitHub. Aprender a adicionar configurações para personalizar borda e?.. Publicar eventualmente como um TC.
3 curtidas