IsabelaY / mastodon

Your self-hosted, globally interconnected microblogging community
https://joinmastodon.org
GNU Affero General Public License v3.0
2 stars 1 forks source link

Sugestões de mais BBCodes #7

Open StarryAster opened 5 years ago

StarryAster commented 5 years ago

Ideia

Mais códigos.

Motivo

Formatação mais bonita e que possibilita mais coisas em questão artística.

Códigos

Os que eu pensei até agora de simples são esses:

[hl] (highlight, funcionaria como [hl=0000ff]texto com azul no fundo[/hl]): Deixa as pessoas colocarem texto na frente da cor que quiserem, o que pode resolver problemas de falta de legibilidade quando certas cores são usadas em temas diferentes;

[font] (font face, funcionaria como [font=Georgia]texto em Georgia[/font]): Deixa as pessoas se expressarem com fontes diferentes, ao invés de terem que depender de emojis. Já que de qualquer forma vai ser algo só visível em Colorid.es, talvez a gente possa dar upload de algumas fontes no servidor. De qualquer forma, fontes como cursive, georgia, times, monospace, courier e verdana são extremamente comuns.

Mas também acho que dá pra considerar um sistema de puxar emojos de outras instâncias assim como o fork de monsterpit.net faz, talvez listas, talvez alinhamento ao centro ou na direita, talvez até imagens inline (novamente, recomendando como fica no Monster Pit)? Dunno

StarryAster commented 5 years ago

Algo que resolveria ainda melhor o problema da falta de legibilidade em textos coloridos seria algo tipo [border]/[shadow], que criaria uma text-shadow de um pixel em todas as direções, fazendo com que aparecesse uma borda ao redor do texto.

Juntando isso com [font] e [color], daria pra fazer efeitos bem parecidos com algumas fontes de emojo.

image Este é um texto em Mistral, cor e08, sombra skyblue, tamanho 24px. O exemplo de cima está em negrito e itálico. Os fundos são branco e preto.

<p style="text-shadow: -1px 0 skyblue, 0 1px skyblue, 1px 0 skyblue, 0 -1px skyblue; color: #e08; font-family: mistral; font-size: 24px; font-weight: bold; font-style: italic;">TEXTO ESTILOSO</p> <span style="text-shadow: -1px 0 skyblue, 0 1px skyblue, 1px 0 skyblue, 0 -1px skyblue; color: #e08; font-family: mistral; font-size: 24px; background: #000; padding: 10px;">texto estiloso no fundo escuro</span>

Ao fazer este exemplo, também me veio a mente uma tag [space]/[spacing]/[addspace] ou parecida, que transformaria um texto normal para um texto que parece espaçado, com a vantagem de leitores de tela ainda lerem como um texto normal.

E, como sempre, se pessoas abusarem dessas coisas para fazer postagens assim o tempo todo, podemos avisar pra parar de fazer isso, já que é pra ser uma ferramenta para ênfase e arte sem depender de imagens e de caracteres especiais, e não algo pra usar constantemente / em parágrafos longos sérios inteiros.