Guia de BBCode

Introdução

O que é BBCode?
O BBCode é uma implementação especial do HTML. A possibilidade de se usar BBCode nas suas mensagens é determinada pelo administrador do fórum. Adicionalmente, você poderá desativar o BBCode em cada mensagem. O BBCode por si mesmo é similar em estilo ao HTML, as etiquetas (tags) são incluídas em colchetes [ e ] ao invés de < e >, proporcionando uma maior facilidade na formatação de seus textos e mensagens dentro do fórum. A tarefa de adicionar BBCode às suas mensagens é facilitada pelo uso de um painel colocado imediatamente acima da caixa principal das mensagens, dependendo do modelo do phpBB em uso, onde você pode escolher e aplicar os vários itens para o código que pretenda aplicar. Apesar da existência desse painel, tenha certeza de que este guia lhe será muito útil.
Voltar ao topo

Formatação de Texto

Como criar textos em negrito, itálico e sublinhado
O BBCode inclui tags que lhe permitem mudar rapidamente o estilo básico do texto. Isto é possível das seguintes formas:
  • Para tornar uma parte do texto em negrito, você deve incluí-la entre as tags [b][/b], ou seja,

    [b]Olá[/b]

    passará a ser Olá
  • Para sublinhar use [u][/u]. Por exemplo:

    [u]Bom Dia[/u]

    passa a ser Bom Dia
  • Para tornar o texto itálico, utilize [i][/i], ou seja,

    Isto é [i]Ótimo![/i]

    resulta em: Isto é Ótimo!
Voltar ao topo
Como mudar a cor e o tamanho do texto
Para alterar a cor ou o tamanho de seu texto, devem ser usadas as seguintes tags. Ter em mente que a forma como aparecerá no monitor de cada visitante depende do navegador ou do sistema que utilize:
  • A mudança da cor do texto é feita englobando-o em [color=][/color]. Tanto pode especificar o nome de uma cor conhecida, que será em inglês (exemplo: red, blue, yellow, etc.) ou especificando o seu valor hexadecimal, ou seja, #FFFFFF, #000000. Por exemplo, para criar um texto em vermelho, você poderá usar:

    [color=red]Olá![/color]

    ou

    [color=#FF0000]Olá![/color]

    Ambos resultarão em Olá!
  • A mudança do tamanho do texto pode ser feita de uma forma similar, utilizando [size=][/size]. Esta tag está dependente do estilo do phpBB que você utiliza, mas o formato recomendado é um valor numérico representando o tamanho do texto em porcentagem, começando em 20 (minúsculo) até 200 (enorme) pelo padrão. Por exemplo:

    [size=30]MINÚSCULO[/size]

    normalmente aparece como MINÚSCULO

    enquanto que

    [size=200]ENORME![/size]

    será ENORME!
Voltar ao topo
Posso combinar tags?
Sim, claro que pode. Por exemplo, para chamar a atenção de alguém, você poderá escrever:

[size=200][color=red][b]OLHE PRA MIM![/b][/color][/size]

que irá aparecer como OLHE PRA MIM!

Entretanto, não recomendamos o uso de muito texto na forma que acabamos de descrever! Lembre-se que depende de si, o autor da mensagem, assegurar que os códigos estejam colocados corretamente. Por exemplo, isto está incorreto:

[b][u]Isto está incorreto[/b][/u]
Voltar ao topo

Citar e produzir textos de largura fixa

Citar textos em respostas
Há duas formas de citar um texto, com ou sem referência.
  • Quando você utiliza a função Citar para responder a uma mensagem, note que o texto dessa mensagem é adicionado ao corpo da mensagem incluído em um bloco [quote=""][/quote] de citação. Este método lhe permite citar com uma referência a uma pessoa ou o que você decida colocar! Por exemplo, para citar um trecho de texto que Mr. Blobby escreveu, você escreverá:

    [quote="Mr. Blobby"]O texto que Mr. Blobby escreveu será citado aqui[/quote]

    No resultado será adicionado automaticamente "Mr. Blobby escreveu:" antes do texto citado. Note que você precisa incluir as aspas "" à volta do nome que deseja citar.
  • O segundo método permite-lhe citar algo sem referência a alguém ou algo. Para o fazer, escreva o texto entre as tags [quote][/quote]. Quando visualizar a mensagem, verá que simplesmente surgirá um bloco de citação.
Voltar ao topo
Produzir código ou texto com uma largura fixa
Se você desejar escrever um código, ou de fato, algo que requeira uma largura fixa, ou seja, tipo de fonte Courier, englobe o texto entre as tags [code][/code], como por exemplo:

[code]echo "Isto é um trecho de código";[/code]

O formato utilizado entre as tags [code][/code] é preservado quando posteriormente o visualizar.
Voltar ao topo

Gerando Listas

Criando uma Lista sem Ordem Específica
O BBCode aceita dois tipos de lista, uma lista sem ordem e outra ordenada. São basicamente o mesmo que em HTML. Uma lista sem ordem produz cada item de uma forma sequencial, um em seguida do outro, precedendo-o um caractere constante. Para criar, você deve utilizar [list][/list] e colocar cada item entre as tags, utilizando [*] antes de cada um. Por exemplo, para listar as suas cores favoritas, você pode escrever:

[list]
[*]Vermelho
[*]Azul
[*]Amarelo
[/list]

Esta lista aparecerá como:
  • Vermelho
  • Azul
  • Amarelo

Você também pode personalizar o estilo de uma lista usando as tags [list=disc][/list], [list=circle][/list] ou [list=square][/list].
Voltar ao topo
Criando uma Lista Ordenada
O segundo tipo de lista, uma lista ordenada, proporciona-lhe o controle do que vá aparecer antes de cada item. Para criar uma lista ordenada você utilizará [list=1][/list] para criar uma lista numérica ou alternativamente [list=a][/list] para uma lista alfabética. Da mesma forma que para o tipo de lista sem ordem, os itens são precedidos de [*]. Por exemplo:

[list=1]
[*]Ir às compras
[*]Comprar um computador novo
[*]Insultar o computador quando ficar bloqueado
[/list]

produzirá o seguinte:
  1. Ir às compras
  2. Comprar um computador novo
  3. Insultar o computador quando ficar bloqueado
Enquanto que para uma lista alfabética você utilizará:

[list=a]
[*]A primeira resposta possível
[*]A segunda resposta possível
[*]A terceira resposta possível
[/list]

produzirá o seguinte
  1. A primeira resposta possível
  2. A segunda resposta possível
  3. A terceira resposta possível

[list=A]
[*]A primeira resposta possível
[*]A segunda resposta possível
[*]A terceira resposta possível
[/list]

produzirá o seguinte
  1. A primeira resposta possível
  2. A segunda resposta possível
  3. A terceira resposta possível

[list=i]
[*]A primeira resposta possível
[*]A segunda resposta possível
[*]A terceira resposta possível
[/list]

produzirá o seguinte
  1. A primeira resposta possível
  2. A segunda resposta possível
  3. A terceira resposta possível

[list=I]
[*]A primeira resposta possível
[*]A segunda resposta possível
[*]A terceira resposta possível
[/list]

produzirá o seguinte
  1. A primeira resposta possível
  2. A segunda resposta possível
  3. A terceira resposta possível
Voltar ao topo

Criando Links

Criar um link para outra página
O phpBB BBCode aceita um número variável de formas para criar URIs (Uniform Resource Indicators), melhor conhecidos como URLs.
  • A primeira dessas formas é usando as tags [url=][/url]. O que quer que você escreva depois do sinal = faz com que o conteúdo destas tags aja como uma URL. Por exemplo, para fazer um link para o phpBB.com, você usa:

    [url=https://www.phpbb.com/]Visite o phpBB![/url]

    Isto irá resultar no seguinte link: Visite o phpBB!. Veja que a página irá abrir na mesma janela ou nova janela dependendo das preferências do navegador do usuário.
  • Se pretende que a URL esteja à vista, faça simplesmente isto:

    [url]https://www.phpbb.com/[/url]

    Tal resultará no seguinte link: https://www.phpbb.com/
  • Adicionalmente, o phpBB possui algo chamado Links Mágicos, função que permite transformar automaticamente qualquer URL escrita com uma sintaxe correta, em um link sem ser necessário especificar quaisquer tags ou mesmo o prefixo http://. Por exemplo, escrevendo www.phpbb.com na sua mensagem, automaticamente resultará em www.phpbb.com quando vir essa mensagem.
  • A mesma coisa se aplica aos endereços de e-mail, podendo especificar o endereço. Por exemplo:

    [email]no.one@domain.adr[/email]

    que resultará em no.one@domain.adr, ou você pode apenas escrever no.one@domain.adr em sua mensagem, que será automaticamente convertido em um link quando a mensagem for salva.
Como em todos os códigos BBCode aqui apresentados, você pode misturar URLs com quaisquer outras tags. Como por exemplo, [img][/img] (ver o item seguinte), [b][/b], etc. Em relação ao formato das tags, está totalmente dependente de si assegurar a ordem correta de seu início e fim, por exemplo:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img]

não está correto, o que pode conduzir sua mensagem a ser excluída por algum administrador ou moderador. Por favor, tenha cuidado.
Voltar ao topo

Exibir imagens em mensagens

Adicionar uma imagem a uma mensagem
O phpBB BBCode incorpora uma tag para incluir imagens em suas mensagens. Dois fatores muito importantes devem ser lembrados aqui, quando se utiliza estas tags: Primeiro, a maioria dos usuários preferem não ver muitas imagens em mensagens; Segundo, a imagem que você pretende exibir deve existir na internet (não pode existir apenas no seu computador, a menos que tenha um servidor de páginas na WEB e este esteja sempre ativo e seja publicamente acessível!). Para exibir uma imagem, você terá que escrever a URL da imagem entre as tags [img][/img]. Por exemplo:

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

Você deve ter notado, na seção da URL acima, que você pode englobar uma imagem com as tags [url][/url], se assim o desejar, ou seja,

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

irá produzir:

Voltar ao topo
Anexar arquivos em uma mensagem
Os anexos podem ser inseridos em qualquer local da mensagem utilizando o novo BBCode [attachment=][/attachment], se a funcionalidade de anexos estiver sido ativada pelo administrador do fórum e se você tiver as permissões apropriadas para anexar arquivos. Na tela do envio de mensagens existe um menu padrão para se adicionar os anexos desejados.
Voltar ao topo

Incorporando mídia

Como inserir mídia de outros sites em postagens
Os usuários podem incorporar conteúdo como vídeos e áudio de sites permitidos usando as tags [media][/media], ou simplesmente postando uma URL suportada em texto simples. Por exemplo:

[media]https://youtu.be/QH2-TGUlwu4[/media]

Conforme mencionado acima, o link também pode ser usado sem as tags [media].

O exemplo mostrado aqui geraria:



Os seguintes sites são suportados:
abcnews, amazon, applepodcasts, bbcnews, cbsnews, cnbc, cnn, cnnmoney, comedycentral, dailymotion, espn, facebook, flickr, foxnews, funnyordie, gamespot, getty, gfycat, gifs, gist, globalnews, googledrive, googlesheets, hulu, indiegogo, instagram, internetarchive, jwplatform, kickstarter, liveleak, livestream, metacafe, mixcloud, msnbc, natgeochannel, natgeovideo, nbcnews, nbcsports, pinterest, reddit, schooltube, scribd, slideshare, soundcloud, spotify, streamable, ted, telegram, tiktok, trendingviews, tumblr, twitch, twitter, ustream, vimeo, vine, vox, yamusic, youtube.

Para obter documentação completa sobre sites suportados e URLs de exemplo, visite a MediaEmbed Plugin Documentation.
Voltar ao topo

Outros Assuntos

Posso adicionar as minhas próprias tags?
Se você for um administrador e possuir permissões para tal, você poderá adicionar BBCodes diversos através do seu painel de BBCodes personalizados.
Voltar ao topo