Como utilizar BBCode

[Aster]

BBCode é útil tanto para destacar texto em postagens quanto para enfeitar assinaturas. Como só são permitidos até 120 pixels de altura em cada assinatura, de acordo com as regras atuais, acho que pode ser uma boa ideia tentar se expressar com frases enfeitadas ao invés de imagens.

Aqui estão alguns exemplos de como se usa BBCode:

Ênfase:

Spoiler

Código:

[b]Isto é um texto em negrito.[/b]
[i]Isto é um texto em itálico.[/i]
[u]Isto é um texto sublinhado.[/u]
[s]Isso é um texto riscado.[/s]

Isto é um texto em negrito.
Isto é um texto em itálico.
Isto é um texto sublinhado.
Isso é um texto riscado.

Cor:

Spoiler

Código:

[color=Cor]Isto é um texto Cor.[/color]

Isto é um texto red.
Isto é um texto maroon.
Isto é um texto royalblue.
Isto é um texto green.
Isto é um texto hotpink.
Isto é um texto snow.
Isto é um texto #6c6c6c.
Isto é um texto #e0e010.
Isto é um texto #B0B0CA.
Isto é um texto #ef1010.
Isto é um texto #23458A.
Isto é um texto #139913.

Você pode pegar os códigos de cores neste site. Códigos de cores de algumas bandeiras de orgulho podem ser encontrados aqui.

Tamanho:

Spoiler

Código:

[size=Tamanho]Isto é um texto em tamanho Tamanho.[/size]

Isto é um texto em tamanho 1.
Isto é um texto em tamanho 2.
Isto é um texto em tamanho 3.
Isto é um texto em tamanho 4.
Isto é um texto em tamanho 5.
Isto é um texto em tamanho 6.
Isto é um texto em tamanho 7.
Isto é um texto em tamanho 8.
Isto é um texto em tamanho 9.
Isto é um texto em tamanho 10.
Isto é um texto em tamanho 11.
Isto é um texto em tamanho 12.
Isto é um texto em tamanho 13.
Isto é um texto em tamanho 14.
Isto é um texto em tamanho 15.
Isto é um texto em tamanho 16.
Isto é um texto em tamanho 17.
Isto é um texto em tamanho 18.
Isto é um texto em tamanho 19.
Isto é um texto em tamanho 20.

Fonte:

Spoiler

Código:

[font=Fonte]Isso é um texto em fonte Fonte.[/font]

Isso é um texto em fonte Consolas.
Isso é um texto em fonte Verdana.
Isso é um texto em fonte Arial.
Isso é um texto em fonte Impact.
Isso é um texto em fonte Candara.
Isso é um texto em fonte Georgia.
Isso é um texto em fonte Courier.
Isso é um texto em fonte Harrington.
Isso é um texto em fonte Calibri.
Isso é um texto em fonte Tahoma.

As fontes só funcionam se a pessoa que estiver vendo possui tal fonte instalada no computador que estiver usando. Caso você veja alguma destas fontes como uma fonte padrão ao invés da que deveria ser, e quer ver a fonte como é, pode procurar como fazer download de tal fonte. Tentei listar aqui fontes que são comuns nos computadores mais atuais com Windows.

Porém, também temos fontes que foram embutidas no fórum para que todes navegando possam ver elas! Aqui está uma lista de exemplos que usam tais fontes:

Spoiler

Este é um texto escrito com a fonte Atkinson Hyperlegible.
Este é um texto escrito com a fonte Atkinson Hyperlegible no tamanho 24.

Este é um texto escrito com a fonte BedsteadExtended.
Este é um texto escrito com a fonte BedsteadExtended no tamanho 24.

Este é um texto escrito com a fonte Bedstead.
Este é um texto escrito com a fonte Bedstead no tamanho 24.

Este é um texto escrito com a fonte BedsteadSemiCondensed.
Este é um texto escrito com a fonte BedsteadSemiCondensed no tamanho 24.

Este é um texto escrito com a fonte BedsteadCondensed.
Este é um texto escrito com a fonte BedsteadCondensed no tamanho 24.

Este é um texto escrito com a fonte BedsteadExtraCondensed.
Este é um texto escrito com a fonte BedsteadExtraCondensed no tamanho 24.

Este é um texto escrito com a fonte BedsteadUltraCondensed.
Este é um texto escrito com a fonte BedsteadUltraCondensed no tamanho 24.

Este é um texto escrito com a fonte Doulos.
Este é um texto escrito com a fonte Doulos no tamanho 24.

Este é um texto escrito com a fonte Evolventa.
Este é um texto escrito com a fonte Evolventa no tamanho 24.

Este é um texto escrito com a fonte Feedjique.
Este é um texto escrito com a fonte Feedjique no tamanho 24.

Este é um texto escrito com a fonte Guasmally.
Este é um texto escrito com a fonte Guasmally no tamanho 24.

Este é um texto escrito com a fonte KatamotzIkasi.
Este é um texto escrito com a fonte KatamotzIkasi no tamanho 24.

Este é um texto escrito com a fonte Marius.
Este é um texto escrito com a fonte Marius no tamanho 24.

Este é um texto escrito com a fonte NixieOne.
Este é um texto escrito com a fonte NixieOne no tamanho 24.

Este é um texto escrito com a fonte OpenFlame.
Este é um texto escrito com a fonte OpenFlame no tamanho 24.

Este é um texto escrito com a fonte PixelOperator.
Este é um texto escrito com a fonte PixelOperator no tamanho 24.

Este é um texto escrito com a fonte PixelOperator8.
Este é um texto escrito com a fonte PixelOperator8 no tamanho 24.

Este é um texto escrito com a fonte PixelOperatorHB.
Este é um texto escrito com a fonte PixelOperatorHB no tamanho 24.

Este é um texto escrito com a fonte PixelOperatorHB8.
Este é um texto escrito com a fonte PixelOperatorHB8 no tamanho 24.

Este é um texto escrito com a fonte PixelOperatorSC.
Este é um texto escrito com a fonte PixelOperatorSC no tamanho 24.

Este é um texto escrito com a fonte PixelOperatorHBSC.
Este é um texto escrito com a fonte PixelOperatorHBSC no tamanho 24.

Este é um texto escrito com a fonte PixelOperatorMono.
Este é um texto escrito com a fonte PixelOperatorMono no tamanho 24.

Este é um texto escrito com a fonte PixelOperatorMono8.
Este é um texto escrito com a fonte PixelOperatorMono8 no tamanho 24.

Este é um texto escrito com a fonte PixelOperatorMonoHB.
Este é um texto escrito com a fonte PixelOperatorMonoHB no tamanho 24.

Este é um texto escrito com a fonte PixelOperatorMonoHB8.
Este é um texto escrito com a fonte PixelOperatorMonoHB8 no tamanho 24.

Este é um texto escrito com a fonte Sertig.
Este é um texto escrito com a fonte Sertig no tamanho 24.

Este é um texto escrito com a fonte Smartryck.
Este é um texto escrito com a fonte Smartryck no tamanho 24.

Este é um texto escrito com a fonte Teleindicadores.
Este é um texto escrito com a fonte Teleindicadores no tamanho 24.

Este é um texto escrito com a fonte Typochok.
Este é um texto escrito com a fonte Typochok no tamanho 24.

Este é um texto escrito com a fonte Vegur.
Este é um texto escrito com a fonte Vegur no tamanho 24.

Este é um texto escrito com a fonte VegurLight.
Este é um texto escrito com a fonte VegurLight no tamanho 24.

Este é um texto escrito com a fonte Vervelle.
Este é um texto escrito com a fonte Vervelle no tamanho 24.

Esconder texto:

Spoiler

Código:

[spoiler]Este é um exemplo de texto escondido sem especificar assunto.[/spoiler]

Spoiler

Este é um exemplo de texto escondido sem especificar assunto.

Código:

[spoiler=assunto do texto escondido]Este é um exemplo de texto escondido com assunto especificado.[/spoiler]

assunto do texto escondido

Este é um exemplo de texto escondido com assunto especificado.

Links externos e mídia:

Spoiler

Código:

[url=http://orientando.org]Isto é um link para http://orientando.org[/url]

Isto é um link para http://orientando.org

Código:

[img]https://orientando.org/wp-content/uploads/2020/07/diamoric_by_pride_flags-daeiy00-300x180.png[/img]

Código:

[img=230x138]https://orientando.org/wp-content/uploads/2020/07/diamoric_by_pride_flags-daeiy00-300x180.png[/img]

A imagem precisa já existir na internet e ter um endereço fixo. O endereço precisa ser da imagem em si, não de uma página que contém uma imagem embutida. Quanto ao tamanho, o primeiro número é a largura e o segundo número é a altura, em pixels.

Código:

[video=youtube]https://www.youtube.com/watch?v=0-sHknTS4fg[/video]

O código também aceita, além de YouTube, Facebook, LiveLeak, Metacafe, Vimeo, Dailymotion, Mixer e Twitch.

Caso você não esteja vendo imagens e vídeos, e sim apenas algo como [Imagem: (link)], mas queira ver tal mídia, você precisa marcar que quer carregar vídeos e imagens em suas configurações.

Alinhamento:

Spoiler

Código:

[align=center]Isto é um texto centralizado.[/align]

Isto é um texto centralizado.

Código:

[align=right]Isto é um texto alinhado à direita.[/align]

Isto é um texto alinhado à direita.

E, finalmente, você pode juntar estes códigos!

Código:

[align=center][size=20][font=KatamotzIkasi][color=#D70170]cores[/color] [color=#734F95][u]bi[/u][/color][/font] [color=#0038A7][font=Guasmally][i]![/i][/font][/color][/size][/align]

cores bi !

Código:

[align=center][size=30][b][font=Teleindicadores][color=#000000]A[/color] [color=#BCC4C6]G[/color] [color=#B6F583]E[/color] [color=#ffffff]N[/color] [color=#ffffff]D[/color] [color=#BCC4C6]E[/color] [color=#000000]R[/color][/font][/b][/size][/align]

A G E N D E R

Código:

[color=#FE75A1][b]f[/b][/color] [color=gray]l[/color][color=#BE17D6][u] u [/u][/color][color=black]i[/color] [color=#333EBC][i]r[/i].[/color]

f l u i r.


Por questões de legibilidade, sugiro usar BBCode que modifica a aparência do texto apenas em assinaturas ou para dar pequenas ênfases em postagens. Não há nenhum problema em sublinhar algumas partes de um texto ou usar fonte e tamanho diferentes ao usar subtítulos dentro de uma postagem para dar ênfase, mas peço que parágrafos inteiros em tamanhos/cores/fontes/etc. diferentes sejam evitados.

Este tópico está aberto para dúvidas. :)

[QueerNeko]

Ah sim, tutorial muito legal e informativo. :D

[mimi]

niiiceee !

edit: alguém tem aquele caractere copiável e colável de espaço? eu quero fazer tudo espaçado, já que não dá pra colar um código no outro

[Aster]

Acho que   este aqui   pode funcionar?

[mimi]

bem espaçado, mas dá pro gasto!

só acho que minha assinatura deve ficar bem bugada no cel...

[Aster]

Realmente fica. D:

Seria bom se desse pra desativar as assinaturas no celular, mas não sei o quão breve isso será feito.

[caah]

Não tem código pra colocar o texto na direita?

[Aster]

@caah

Não tem código pra colocar o texto na direita?

Não por BBCode. Você consegue usar HTML? Alguma dessas?

Código:

texto
<p align="right">texto

Note que, talvez, HTML não funcione mais em assinaturas.

[caah]

teste:
<div align="right">texto</div>
<p align="right">texto</p>

É, não funciona >3>

[QueerNeko]

@caah

Implementei um bbcode pra alinhar pra direita:

Código:

[alignright]Teste[/alignright]

Ficaria assim:
[alignright]Teste[/alignright]