BBCode

Explicação

BBCode é um conjunto de tags baseado na lingugem HTML com a qual você pode já estar familiariado. Ele permite que você adicione formatação a suas mensagens, do mesmo modo que o HTML faz, mas tem uma sintaxe mais simples e nunca quebrará o layout das páginas que você estiver vendo. A possibilidade de usar BBCode é ajustada para cada fórum pelo administrador, de modo que você deve conferir as regras do fórum quando você enviar uma nova mensagem.

Abaixo há uma lista das tags BBCode que você pode usar para formatar suas mensagens.

Lista de BBCode

  1. Negrito / Itálico / Sublinhar
  2. Cor
  3. Tamanho
  4. Fonte
  5. Enfatizar
  6. Esquerda / Direita / Centralizado
  7. Recuo
  8. Link para Email
  9. Links a URLs
  10. Link para Tópicos
  11. Link para Post
  12. Listas com Marcadores / Listas Avançadas
  13. Imagens
  14. Vídeos
  15. Código
  16. Código PHP
  17. Código HTML
  18. Citação
  19. Parar de interpretar BBCode
  20. Anexo
  21. Image Floating Left
  22. Image floating right
  23. Strike text
  24. Spoiler
  25. Table
Uso incorreto do BBCode:
  • [url] www.example.com [/url] - não coloque espaços entre o código existente dentro dos colchetes e o texto ao qual você está aplicando o código.
  • [email]myname@domain.com[email] - os colchetes finais necessitam incluir uma barra inclinada para a direita ([/email])

Negrito / Itálico / Sublinhar

As tags [b], [i] e [u] permitem que você cire texto que é exibido em negrito (b), itálico (i) e sublinhado (u).

    • [b]valor[/b]
    • [i]valor[/i]
    • [u]valor[/u]
    Uso
    • [b]este texto está em negrito[/b]
    • [i]este texto está em itálico[/i]
    • [u]este texto está sublinhado[/u]
    Exemplo de Uso
    • este texto está em negrito
    • este texto está em itálico
    • este texto está sublinhado
    Saída de Exemplo

Cor

A tag [color] permite que você mude a cor do seu texto.

  • [color=Opção]valor[/color]
    Uso
  • [color=blue]este texto é azul[/color]
    Exemplo de Uso
  • este texto é azul
    Saída de Exemplo

Tamanho

A tag [size] permite que você mude o tamanho da fonte do texto.

  • [size=Opção]valor[/size]
    Uso
  • [size=+2]este texto é duas vezes maior que o normal[/size]
    Exemplo de Uso
  • este texto é duas vezes maior que o normal
    Saída de Exemplo

Fonte

A tag [font] permite que você altere a fonte do texto.

  • [font=Opção]valor[/font]
    Uso
  • [font=courier]este texto está na fonte courier[/font]
    Exemplo de Uso
  • este texto está na fonte courier
    Saída de Exemplo

Esquerda / Direita / Centralizado

As tags [left], [right] e [center] permitem que você modifique o alinhamento do texto.

    • [left]valor[/left]
    • [center]valor[/center]
    • [right]valor[/right]
    Uso
    • [left]este texto está alinhado à esquerda[/left]
    • [center]este texto está centralizado[/center]
    • [right]este texto está alinhado à direita[/right]
    Exemplo de Uso
  • este texto está alinhado à esquerda
    este texto está centralizado
    este texto está alinhado à direita
    Saída de Exemplo

Recuo

A tag [indent] permite alterar o recuo do texto.

  • [indent]valor[/indent]
    Uso
  • [indent]este texto está recuado[/indent]
    Exemplo de Uso
  • este texto está recuado
    Saída de Exemplo

Link para Email

A tag [email] permite inserir um link para um endereço de email. Você pode adicionar um parâmetro opcional para dar um nome ao link.

Links a URLs

A tag [url] permite que você faça links para outros websites e arquivos. Você pode incluir um parâmetro adicional para dar um 'nome' ao link.

Link para Tópicos

A tag [thread] permite que você estabeleça um link para um tópico, indicando o identificador do tópico. Você pode incluir um parâmetro opcional para dar um 'nome' ao link.

Link para Post

A tag [post] permite a você estabelecer um link para um post, mediante especificação do identificador do post. Você pode incluir um parâmetro opcional para dar um 'nome' ao link.

Listas com Marcadores

A tag [list] permite a você criar listas simples, com marcadores, sem especificar uma opção.
Dentro da lista, cada marcador é indicado pela tag [*].

  • [list]valor[/list]
    Uso
  • [list]
    [*]Item de lista 1
    [*]Item de lista 2
    [/list]
    Exemplo de Uso
    • Item de lista 1
    • Item de lista 2
    Saída de Exemplo

Listas Avançadas

A tag [list] permite que você crie listas avançadas, especificando uma opção.
A opção deverá ter o valor 1 (para listas numeradas) ou A (para uma lista em ordem alfabética com letras maiúsculas)
ou a (para uma lista em ordem alfabética com letras minúsculas) ou I (para uma lista numerada com números romanos em maiúsculas)
ou i (para uma lista em números romanos em minúsculas).

  • [list=Opção]valor[/list]
    Uso
  • [list=1]
    [*]Item de lista 1
    [*]Item de lista 2
    [/list]

    [list=a]
    [*]Item de lista 1
    [*]Item de lista 2
    [/list]
    Exemplo de Uso
    1. Item de lista 1
    2. Item de lista 2
    1. Item de lista 1
    2. Item de lista 2
    Saída de Exemplo

Imagens

A tag [img] permite que você inclua imagens em suas mensagens.
Você também pode combinar essa tag com a tag [url] para transformar imagens em links.

  • [img]valor[/img]
    Uso
    • [img]https://forum.thesettlersonline.com.br/images/settlers/statusicon/forum_new.gif[/img] (Não Linkado)
    • [url=http://www.example.com] [img]https://forum.thesettlersonline.com.br/images/settlers/statusicon/forum_new.gif[/img] [/url] (Linkado)
    Exemplo de Uso
    • (Não Linkado)
    • (Linkado)
    Saída de Exemplo

Vídeos

A tag [video] permite que você insira vídeos de vários serviços de vídeo em seus posts.

  • [video]valor[/video]
    Uso
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Exemplo de Uso
    Saída de Exemplo

Código

A tag [code] alterna para uma fonte de largura fixa (monoespaçada) e preserva o espaçamento.

  • [code]valor[/code]
    Uso
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    Exemplo de Uso
  • Código:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Saída de Exemplo

Código PHP

A tag [php] tem a mesma função da tag [code], mas adicionada enfatização da sintaxe para o código PHP. Embora desenvolvido para PHP, poderá enfatizar corretamente algumas outras linguagens semelhantes ao C.

  • [php]valor[/php]
    Uso
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Exemplo de Uso
  • Código PHP:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    Saída de Exemplo

Código HTML

A tag [html] permite que você enfatize a sintaxe para código HTML.

  • [html]valor[/html]
    Uso
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    Exemplo de Uso
  • Código HTML:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Saída de Exemplo

Citação

A tag [quote] permite que você faça citações de textos de terceiros.

    • [quote]Citação[/quote]
    • [quote=Nome do Usuário]valor[/quote]
    Uso
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;11364]Lorem ipsum dolor sit amet[/quote]
    Exemplo de Uso
    • Lorem ipsum dolor sit amet
    • Citação Postado originalmente por John Doe
      Lorem ipsum dolor sit amet
    • Citação Postado originalmente por John Doe Ver Post
      Lorem ipsum dolor sit amet
    Saída de Exemplo

Enfatizar

A tag [highlight] permite que você enfatize o texto.

  • Uso
    [highlight]valor[/highlight]
  • Exemplo de Uso
    [highlight]este texto está enfatizado[/highlight]
  • Saída de Exemplo
    este texto está enfatizado

Parar de interpretar BBCode

A tag [noparse] permite que você impeça o processamento do BB Code.

  • [noparse][b]valor[/b][/noparse]
    Uso
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Exemplo de Uso
  • [b]Lorem ipsum dolor sit amet[/b]
    Saída de Exemplo

Anexo

A tag [attach] permite a você exibir um anexo em sua mensagem, em vez de exibir abaixo dela. Isso apenas exibirá anexos que pertençam à mensagem em que estiver sendo utilizada.

  • [attach]ID do Anexo[/attach]
    Uso
  • [attach]12345[/attach]
    Exemplo de Uso
  • Saída de Exemplo

Image Floating Left

Floating image - left.

  • [ifl]valor[/ifl]
    Uso
  • [ifl]http://static3.thesettlersonline.pl/sites/default/files/servernews_downtime02_1.png[/ifl]
    Exemplo de Uso
  • 
    Saída de Exemplo

Image floating right

Floating image - right.

  • [ifr]valor[/ifr]
    Uso
  • [ifr]http://static3.thesettlersonline.pl/sites/default/files/servernews_downtime02_1.png[/ifr]
    Exemplo de Uso
  • Saída de Exemplo

Strike text

You can strike text with this BB code.

  • [s]valor[/s]
    Uso
  • [S]strike[/S]
    Exemplo de Uso
  • strike
    Saída de Exemplo

Spoiler

Creates a spoiler which hides content when the page is loaded.

  • [spoiler]valor[/spoiler]
    Uso
  • [spoiler]Text[/spoiler]
    Exemplo de Uso
  • Spoiler
    Text
    Saída de Exemplo

Table

Special table.

  • [t]valor[/t]
    Uso
  • [t]Test text...[/t]
    Exemplo de Uso
  • Test text...
    Saída de Exemplo