Guia BBCode

Introdução

O que significa BBCode?
BBCode é uma implementação especial do HTML. Cabe ao Administrador definir se pode ou não usar BBCode nas suas mensagens no fórum. Além disso, pode desativar o BBCode em cada mensagem através do formulário de mensagem. O BBCode por si mesmo é similar em estilo ao HTML, as etiquetas são introduzidas entre parêntesis retos [ e ] em vez de < e > e proporcionam um maior controlo do que é e como algo é apresentado. Dependendo do modelo que está a usar pode adicionar BBCode às suas mensagens é facilitada através de uma interface de botões clicáveis ​​acima da mensagem no formulário de mensagem. Mesmo com isso, pode usar o guia lhe será útil.
Topo

Formatação do texto

Formatar o texto: Negrito, Itálico e Sublinhado.
O BBCode tem tags que permitem rapidamente alterar o estilo básico do seu texto. Isto é possível das seguintes formas:
  • Para tornar uma parte de texto a negrito, coloque-o dentro de [b][/b], por exemplo

    [b]Olá[/b]

    ficará Olá

  • Para sublinhar use [u][/u], por exemplo:

    [u]Bom dia[/u]

    torna-se Bom dia

  • Para texto itálico use [i][/i], por exemplo

    Isto é [i]Grande![/i]

    daria Isto é Grande!
Topo
Modificar a cor e o tamanho do texto
Para alterar a cor ou o tamanho do texto as seguintes tags podem ser usadas. Tenha em mente que a forma como aparecerá no monitor depende do navegador e do sistema:
  • Para modificar a cor do texto use a tag [color=][/color].Pode usar o nome inglês para especificar um nome de uma cor conhecida (red, blue, yellow, etc.) ou o valor hexadecimal (#FFFFFF, #000000, etc.). Por exemplo para criar texto a vermelho use:

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

    ou

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

    Também pode usar Olá!

  • Alterar o tamanho do texto pode ser feita de uma forma similar, usando [size=][/size]. Esta tag está dependente do modelo que o utilizador está a usar, mas o formato recomendado é um valor numérico representando o tamanho de texto em píxeis, começando em 20 (tão pequeno) até 200 (enorme) por padrão. Por exemplo:

    [size=30]Pequeno[/size]

    será apresentado PEQUENO

    enquanto que:

    [size=200]GRANDE![/size]

    SERÁ GRANDE!
Topo
Posso juntar tags?
Sim, é claro que pode, por exemplo, para obter a atenção de alguém poderá escrever:

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

que irá aparecer OLHE PARA MIM!

Nós não recomendamos que use grandes lotes de texto parecidos com isto! Lembre-se que depende de si, o autor da mensagem, assegurar que os códigos sejam colocados corretamente. Por exemplo, o seguinte está incorreto:

[b][u]Isto é errado[/b][/u]
Topo

Citar um texto completo ou apenas uma parte

Fazer uma citação nas suas respostas
Há duas formas de fazer uma citação, com ou sem referência ao autor.
  • Quando utiliza a função Citar para responder a uma mensagem no fórum, note que o texto dessa mensagem é adicionado ao corpo da mensagem incluído num bloco [quote=""][/quote] Este método permite-lhe citar com referência a uma pessoa ou o que decida colocar! Por exemplo, para citar uma peça de texto que o Sr. Silva escreveu, escreverá:

    [quote="Sr. Silva"] O texto que o Sr. Silva escreveu irá aparecer aqui[/quote] [/quote]

    O resultado será adicionado automaticamente "Sr. Silva escreveu:" antes do texto. Lembre-se que deve obrigatoriamente incluir as aspas "" à volta do nome que deseja citar.

  • O segundo método permite-lhe citar algo cegamente. Para o fazer, englobe o texto nas tags [quote][/quote] Quando visualizar a mensagem verá o texto num bloco de citação.
Topo
Deixar o texto completo em forma de código ou apenas uma parte
Para deixar o texto todo ou parte dele em formato de código deve usar as tags [code][/code].

Por exemplo:
[code]echo "Isto é algum código";[/code]

Todo texto dentro das tags [code][/code] não são convertidos e mantêm-se em formato texto para poderem ser lidos como código.
Topo

Criar listas

Criar uma lista não ordenada
O BBCode permite listas ordenadas e não ordenadas.
Este código é igual ao HTML, mudando apenas o formato da tag.
Uma lista não ordenada cria os itens em sequência.
Para criar uma lista não ordenada deve usar [list][/list] e definir cada marcador dentro da lista usando [*].

Por exemplo, para as suas cores favoritas poderia fazer da seguinte forma:

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

sendo criada a seguinte lista:

  • Vermelho
  • Azul
  • Amarelo
De forma alternativa, poderá criar uma lista com símbolos (ponto, círculo ou quadrado) ao usar [list=disc][/list], [list=circle][/list], ou [list=square][/list] respetivamente
Topo
Criar uma lista ordenada
O segundo tipo de lista, a lista ordenada , dá-lhe o controlo sobre o que aparece antes de cada item. Para criar uma lista ordenada use [list=1][/list] para criar uma lista numérica, ou em alternativa [list=a][/list] para criar uma lista alfabética. Tal como acontece com as listas não ordenadas, use [*]. Por exemplo:

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

Vai gerar a seguinte lista:
  1. Ir às compras
  2. Comprar um computador novo
  3. Insultar o computador quando bloqueia
Para criar uma lista alfabética use:

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

resulta
  1. A terceira resposta
  2. A terceira resposta
  3. A terceira resposta
Topo

Criar endereços

Criar um atalho para outro site
O BBCode do phpBB aceita um número variável de formas para criar URIs, (Uniform Resource Indicators), mais conhecidas como URLs.
  • A primeira dessas formas é usando as tags [url=][/url]. Deve escrever o endereço de destino depois do sinal de =. Para criar um atalho para o phpBB.com deve fazê-lo da seguinte forma:

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

    Tal resultará no seguinte atalho: Visite phpBB! Tome em atenção que o link abre na mesma janela ou numa janela nova, dependendo das configurações do seu navegador.

  • Se deseja que o URL seja mostrado tal como ele é basta fazer da seguinte forma:

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

    Tal resultará no seguinte atalho:https://www.phpbb.com/

  • O phpBB tem um recurso extra chamado Links Mágicos que criam automaticamente a URL correta num atalho, sem necessidade de incluir a tag e sem especificar o http://. Por exemplo, se digitar www.phpbb.com dentro da mensagem é criado automaticamente um atalho para www.phpbb.com quando vir essa mensagem.

  • Para inserir um atalho para um endereço de email pode fazer da seguinte forma:

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

    que resultará no seguinte no.one@domain.adr ou pode simplesmente escrever no.one@domain.adr para que após o envio da mensagem seja convertido automaticamente em atalho.
Como em todos os códigos BBCode aqui apresentados pode misturar URLs com quaisquer outras tags como [img][/img] (ver próxima entrada), [b][/b], etc. Tal como nas tags de formatação de texto certifique-se que estão corretamente organizadas:

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

Isto não está correto e a sua mensagem corre o risco de ser apagada.
Topo

Exibir imagens nas mensagens

Anexar uma imagem à mensagem
O phpBB BBCode usa uma tag que permite adicionar imagens nas suas mensagens. Há, no entanto, que considerar que este uso pode não ser apreciado. O uso de imagens aumenta os tempos de espera e o consumo de tráfego. Outro fator a ter em conta é que o endereço da imagem pode ficar indisponível. Para exibir uma imagem na mensagem coloque o endereço da mesma dentro da tag [img][/img]. Por exemplo:

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

Como pode ver na secção da URL acima, se desejar pode inserir uma imagem numa tag [url][/url], por exemplo:

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

cria:

Topo
Anexar ficheiros na mensagem
Esta tag pode ser inserida em qualquer local da mensagem utilizando o BBCode [attachment=][/attachment], isto se este recurso tiver sido ativado pelo Administrador do Fórum e tiver permissão para anexar ficheiros. E nesse caso poderá anexar ficheiros nas mensagens. Dentro do menu de mensagens terá um bloco para anexar um ou mais ficheiros.
Topo

Outras matérias

Posso criar as minhas próprias tags?
Se é Administrador ou tem as Permissões adequadas, pode adicionar BBCodes no Painel de Administração.
Topo

Advanced BBCode Box BBCodes

Tipo de fonte
[font=Comic Sans MS]texto[/font]

Example:
[font=Comic Sans MS]The quick brown fox jumps over the lazy dog[/font]

Result:
The quick brown fox jumps over the lazy dog
Topo
Realçar o texto
[highlight=yellow]texto[/highlight] Dica: você também pode usar color=#FF0000

Example:
[highlight=yellow]The quick brown fox jumps over the lazy dog[/highlight]

Result:
The quick brown fox jumps over the lazy dog
Topo
Alinhar texto
[align=center|left|right|justify]texto[/align]

Example:
[align=center]The quick brown fox jumps over the lazy dog[/align]

Result:
The quick brown fox jumps over the lazy dog

Topo
Texto flutuante
[float=left|right]texto[/float]

Example:
[float=right]The quick brown fox jumps over the lazy dog[/float]

Result:
The quick brown fox jumps over the lazy dog

Topo
Texto exponecial
[s]texto[/s]

Example:
[s]The quick brown fox jumps over the lazy dog[/s]

Result:
The quick brown fox jumps over the lazy dog
Topo
Texto subscrito
[sub]text[/sub]

Example:
[sub]The quick brown fox jumps over the lazy dog[/sub] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Topo
Texto sobrescrito
[sup]text[/sup]

Example:
[sup]The quick brown fox jumps over the lazy dog[/sup] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Topo
Texto com brilho
[glow=color]texto[/glow]

Example:
[glow=red]The quick brown fox jumps over the lazy dog[/glow]

Result:
The quick brown fox jumps over the lazy dog
Topo
Segunda sobra do texto [shadow=color]texto[/shadow]


Example:
[shadow=blue]The quick brown fox jumps over the lazy dog[/shadow]

Result:
The quick brown fox jumps over the lazy dog
Topo
Sombra do texto
[dropshadow=color]textp[/dropshadow]

Example:
[dropshadow=blue]The quick brown fox jumps over the lazy dog[/dropshadow]

Result:
The quick brown fox jumps over the lazy dog
Topo
Borrão no texto
[blur=color]texto[/blur]

Example:
[blur=blue]The quick brown fox jumps over the lazy dog[/blur]

Result:
The quick brown fox jumps over the lazy dog
Topo
Texto fadein / fadeout
[fade]texto[/fade]

Example:
[fade]The quick brown fox jumps over the lazy dog[/fade]

Result:
The quick brown fox jumps over the lazy dog
Topo
Direção do texto
[dir=ltr|rtl]texto[/dir]

Example:
[dir=rtl]The quick brown fox jumps over the lazy dog[/dir]

Result:
The quick brown fox jumps over the lazy dog
Topo
Letreiro
[marq=up|down|left|right]texto[/marq]

Example:
[marq=left]The quick brown fox jumps over the lazy dog[/marq]

Result:
The quick brown fox jumps over the lazy dog
Topo
Hide from guests
[hidden]texto[/hidden]

Example:
[hidden]The quick brown fox jumps over the lazy dog[/hidden]

Result:
Esconder conteúdo
Você tem que está registrado e logado para ver o conteúdo oculto.

Topo
Mensagem de alerta
[mod=username]text[/mod]

Example:
[mod="Utilizador"]The quick brown fox jumps over the lazy dog[/mod]

Result:
 ! Mensagem de: Utilizador
The quick brown fox jumps over the lazy dog

Topo
Mensagem Off Topic
[offtopic]texto[/offtopic]

Example:
[offtopic]The quick brown fox jumps over the lazy dog[/offtopic]

Result:
Off Topic
The quick brown fox jumps over the lazy dog

Topo
NFO ascii art text
[nfo]texto[/nfo]

Example:
[nfo]༼ つ ◕_◕ ༽つ ʕ•ᴥ•ʔ ¯\_(ツ)_/¯[/nfo]

Result:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯

Topo
×