BB Code

Explanation

BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BB code tags you can use to format your messages.

Lista de vB Code

  1. Negrito / Itálico / Sublinhado
    [b], [i], [u]
  2. Cor
    [color]
  3. Tamanho
    [size]
  4. Fonte
    [font]
  5. Highlight
    [highlight]
  6. Esquerda / Direita / Centro
    [left], [right], [center]
  7. Indentação
    [indent]
  8. Email Linking
    [email]
  9. Link URL
    [url]
  10. Link de tópico
    [thread]
  11. Links para posts
    [post]
  12. Marcadores / Listas avançadas
    [list]
  13. Imagens
    [img]
  14. Videos
    [video]
  15. Código
    [code]
  16. Código PHP
    [php]
  17. Código HTML
    [html]
  18. Citar
    [quote]
  19. Stop BB Code Parsing
    [noparse]
  20. Anexo
    [attach]
Incorrect BB Code Usage:
  • [url] www.example.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
  • [email]myname@domain.com[email] - the end brackets must include a forward slash ([/email])

Negrito / Itálico / Sublinhado

As tags [b], [i] e [u] permitem criar textos em negrito, itálico e sublinhado.

    • [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
    Demonstração

Cor

A tag [color] permite escolher uma cor para o texto.

  • [color=Opção]valor[/color]
    Uso
  • [color=blue]este texto é azul[/color]
    Exemplo de uso
  • este texto é azul
    Demonstração

Tamanho

A tag [size] permite mudar o tamanho da letra.

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

Fonte

A tag [font] permite escolher o tipo de letra 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
    Demonstração

Esquerda / Direita / Centro

As tags [left], [right] e [center] permite mudar o alinhamento do texto para esquerda, direita e centro, respectivamente.

    • [left]valor[/left]
    • [center]valor[/center]
    • [right]valor[/right]
    Uso
    • [left]este texto está alinhado pela esquerda[/left]
    • [center]este texto está centralizado[/center]
    • [right]este texto está alinhado pela direita[/right]
    Exemplo de uso
  • este texto está alinhado pela esquerda
    este texto está centralizado
    este texto está alinhado pela direita
    Demonstração

Indentação

A tag [indent] permite indentar o texto.

  • [indent]valor[/indent]
    Uso
  • [indent]este texto está indentado[/indent]
    Exemplo de uso
  • este texto está indentado
    Demonstração

Email Linking

The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.

    • [email]valor[/email]
    • [email=Opção]valor[/email]
    Uso
    • [email]j.doe@example.com[/email]
    • [email=j.doe@example.com]Click Here to Email Me[/email]
    Exemplo de uso
  • Demonstração

Link URL

A tag [url] permite a criação de links para outros sites e arquivos. Ela possui um parâmetro opcional que permite dar um nome ao link que será criado automaticamente.

    • [url]valor[/url]
    • [url=Opção]valor[/url]
    Uso
    • [url]http://www.istf.com.br[/url]
    • [url=http://www.istf.com.br]ISTF[/url]
    Exemplo de uso
  • Demonstração

Link de tópico

A tag [thread] permite a criação de um link para um tópico específico através do seu respectivo ID. Ela possui um parâmetro opcional que permite dar um nome ao link que será criado automaticamente.

    • [thread]id do tópico[/thread]
    • [thread=id do tópico]valor[/thread]
    Uso
    • [thread]42918[/thread]
    • [thread=42918]Clique![/thread]
    (Note: The threadid/postid is just an example and may not link to a valid thread/post.)
    Exemplo de uso
  • Demonstração

Links para posts

A tag [post] permite a criação de um link para um post específico através do seu respectivo ID. Ela possui um parâmetro opcional que permite dar um nome ao link que será criado automaticamente.

Marcadores

A tag [list] permite a criação de listas simples com marcadores. Cada item é representado pela tag [*].

  • [list]valor[/list]
    Uso
  • [list]
    [*]item 1 da lista
    [*]item 2 da lista
    [/list]
    Exemplo de uso
    • item 1 da lista
    • item 2 da lista
    Demonstração

Listas avançadas

A tag [list] permite a criação de listas avançadas ao se especificar uma opção para a tag. As opções são: '1' para uma lista numerada, 'A' para uma lista em ordem alfabética com letras maiúsculas, 'a' para uma lista em ordem alfabética com letras minúsculas, 'I' para uma lista numerada em algarismos romanos e 'i' para uma lista numerada em algarismos romanos em letras minúsculas.

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

    [list=A]
    [*]item 1 da lista
    [*]item 2 da lista
    [/list]

    [list=a]
    [*]item 1 da lista
    [*]item 2 da lista
    [/list]
    Exemplo de uso
    1. item 1 da lista
    2. item 2 da lista
    1. item 1 da lista
    2. item 2 da lista
    1. item 1 da lista
    2. item 2 da lista
    Demonstração

Imagens

A tag [img] permite incluir imagens nos seus posts. Você pode combinar esta tag com a tag [url] para criar links em imagens.

  • [img]valor[/img]
    Uso
    • [img]http://www.istf.com.br/images/statusicon/forum_new-48.png[/img] (Sem link)
    • [url=http://www.example.com] [img]http://www.istf.com.br/images/statusicon/forum_new-48.png[/img] [/url] (Link)
    Exemplo de uso
    • (Sem link)
    • (Link)
    Demonstração

Videos

The [video] tag allows you to embed videos from various video services within your posts.

  • [video]valor[/video]
    Uso
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Exemplo de uso
    Demonstração

Código

A tag [code] usa uma fonte de largura fixa (monoespaçada) e mantém os espaçamentos entre as palavras.

  • [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>
    Demonstração

Código PHP

A tag [php] possui a mesma função da tag [code], mas ela dá ênfase à codificação da linguagem PHP, colorindo sua sintaxe. Apesar de ser desenvolvida para PHP, esta tag funciona bem com códigos-fonte escritos em 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";
    } 
    Demonstração

Código HTML

A tag [html] permite dar ênfase à sintaxe de codificação 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>
    Demonstração

Citar

A tag [quote] permite atribuir um texto a outra pessoa, geralmente usado como citação, onde o autor original que lembrar trechos da mensagem original ao qual irá se referir.

    • [quote]Citar[/quote]
    • [quote=Username]valor[/quote]
    Uso
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;58350]Lorem ipsum dolor sit amet[/quote]
    Exemplo de uso
    • Lorem ipsum dolor sit amet
    • Citar Originalmente enviado por John Doe
      Lorem ipsum dolor sit amet
    • Citar Originalmente enviado por John Doe Ver Post
      Lorem ipsum dolor sit amet
    Demonstração

Highlight

A tag [highlight] permite dar ênfase e marcar o texto.

  • Uso
    [highlight]valor[/highlight]
  • Exemplo de uso
    [highlight]este texto está destacado[/highlight]
  • Demonstração
    este texto está destacado

Stop BB Code Parsing

The [noparse] tag allows you to stop the parsing of 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]
    Demonstração

Anexo

The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.

  • [attach]attachmentid[/attach]
    Uso
  • [attach]12345[/attach]
    Exemplo de uso
  • Demonstração