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 "[ exemplo ]" ao invés de < exemplo >, 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

Formatos 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 texo 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 modelo do phpBB que você utiliza, mas o formato recomendado é um valor numérico representando o tamanho do texto em pixels, começando em 1 (tão minúsculo que praticamente não se vê) até 29 (enorme). Por exemplo:

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

    normalmente aparece como MINÚSCULO

    enquanto que

    [size=24]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=18][color=red][b]OLHE PARA MIM![/b][/color][/size]

que irá aparecer como OLHE PARA 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] errado[/b][/u]
Voltar ao topo

Citar e produzir textos de largura fixa

Citar textos em respostas
Há duas formas de reproduzir um texto previamente feito (normalmente uma réplica de uma mensagem anterior), 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 uma peça 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 surge, Citação: antes do texto.
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 \"Código\";[/code]

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

Gerar listas

Criar 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
Voltar ao topo

Criar 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] de forma a criar uma lista numérica ou, [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]

resultando em
  1. A primeira resposta possível
  2. A segunda resposta possível
  3. A terceira resposta possível
Voltar ao topo

Criar 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 à Página do Suporte phpBB, você escreve:

    [url=http://www.suportephpbb.com.br/]Visite o Suporte phpBB![/url]

    Isto irá resultar no seguinte link: Visite o Suporte phpBB!. Veja que a página irá abrir em uma nova janela, para que o usuário possa continuar visitando o fórum.
  • Se pretende que a URL esteja à vista, faça simplesmente isto:

    [url]http://www.suportephpbb.com.br/[/url]

    Tal resultará no seguinte link: http://www.suportephpbb.com.br/
  • 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.suportephpbb.com.br na sua mensagem, automaticamente resultará em www.suportephpbb.com.br quando vir essa mensagem.
  • A mesma coisa se aplica aos endereços de e-mail, podendo especificar o endereço. Por exemplo:

    [email]exemplo@suportephpbb.com.br[/email]

    que resultará em exemplo@suportephpbb.com.br, ou você pode apenas escrever exemplo@suportephpbb.com.br 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=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/url][/img]

não é 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 (por exemplo, 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!). Não existe atualmente qualquer forma de armazenar imagens localmente com o phpBB (não agora, porém contamos dar atenção especial a esse assunto na próxima versão do phpBB). Para exibir uma imagem, você terá que escrever a URL da imagem entre as tags [img][/img]. Por exemplo:

[img]http://www.google.com/intl/en_ALL/images/logo.gif[/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=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/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

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