BB codes

[B], [I], [U], [S] - Negrito, itálico, sublinhado e tachado

Torna o texto envolvido em negrito, itálico, sublinhado ou tachado.

Exemplo:: This is [B]bold[/B] text.
This is [I]italic[/I] text.
This is [U]underlined[/U] text.
This is [S]struck-through[/S] text.

Resultado:: This is bold text.
This is italic text.
This is underlined text.
This is ~~struck-through~~ text.

[COLOR=color], [FONT=name], [SIZE=size] - Cor, fonte e tamanho do texto

Altera a cor, fonte ou tamanho do texto envolvido.

Exemplo:: This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
This is [FONT=Courier New]Courier New[/FONT] text.
This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.

Resultado:: This is red and blue text.
This is Courier New text.
This is small and big text.

[URL], [EMAIL] - Vinculação

Cria um link usando o texto envolvido como destino.

Exemplo:: [URL]https://www.example.com[/URL]
[EMAIL]example@example.com[/EMAIL]

Resultado:: Você não tem permissão para visualizar o link, por favor Entrar ou Cadastrar

example@example.com

[URL=link], [EMAIL=endereço] - Vinculação (avançado)

Vincula o texto agrupado à página da web ou endereço de e-mail especificado.

Exemplo:: [URL=https://www.example.com]Go to example.com[/URL]
[EMAIL=example@example.com]Email me[/EMAIL]

Resultado:: Você não tem permissão para visualizar o link, por favor Entrar ou Cadastrar

Email me

[USER=ID] - Vinculação de perfil

Links para o perfil de um usuário. Geralmente, isso é inserido automaticamente ao mencionar um usuário.

Exemplo:: [USER=1]Usuário[/USER]

Resultado:: Usuário

[IMG] - Imagem

Exibe uma imagem, usando o texto envolvido como URL.

Exemplo:: [IMG]https://vwcoding.com.br/forum/data/assets/logo/vwcoding-logo.svg[/IMG]

Resultado:

[MEDIA=site] - Mídia incorporada

Incorpora mídia de sites aprovados em sua mensagem. É recomendável usar o botão de mídia na barra de ferramentas do editor.
Sites aprovados: Apple Music, Dailymotion, Facebook, Flickr, Giphy, Imgur, Liveleak, Metacafe, Pinterest, Reddit, SoundCloud, Spotify, Tumblr, Twitch, Twitter, Vimeo, YouTube

Exemplo:: [MEDIA=youtube]kQ0Eo1UccEE[/MEDIA]

Resultado:: An embedded YouTube player would appear here.

[LIST] - Listas

Exibe uma lista com marcadores ou numerada.

Exemplo:: [LIST]
[*]Bullet 1
[*]Bullet 2
[/LIST]
[LIST=1]
[*]Entry 1
[*]Entry 2
[/LIST]

Resultado:

Bullet 1
Bullet 2

Entry 1
Entry 2

[LEFT], [CENTER], [RIGHT] - Alinhamento de texto

Altera o alinhamento do texto envolvido.

Exemplo:: [LEFT]Left-aligned[/LEFT]
[CENTER]Center-aligned[/CENTER]
[RIGHT]Right-aligned[/RIGHT]

Resultado:: Left-aligned
Center-aligned
Right-aligned

[QUOTE] - Texto citado

Exibe o texto que foi citado de outra fonte. Você também pode atribuir o nome da fonte.

Exemplo:: [QUOTE]Quoted text[/QUOTE]
[QUOTE=A person]Something they said[/QUOTE]

Resultado:: Quoted text

Clique para expandir...

A person disse:

Something they said

Clique para expandir...

[SPOILER] - Texto contendo spoilers

Oculta o texto que pode conter spoilers para que seja necessário clicar nele para ser visto.

Exemplo:: [SPOILER]Simple spoiler[/SPOILER]
[SPOILER=Spoiler Title]Spoiler with a title[/SPOILER]

Resultado:: Simple spoiler

Spoiler with a title

[ISPOILER] - Texto embutido contendo spoilers

Permite que você exiba texto embutido entre o conteúdo normal, o que oculta o texto que pode conter spoilers e deve ser clicado pelo visualizador para ser visto.

Exemplo:: You have to click the following [ISPOILER]word[/ISPOILER] to see the content.

Resultado:: You have to click the following word to see the content.

[CODE] - Exibição do código de programação

Exibe texto em uma das várias linguagens de programação, destacando a sintaxe sempre que possível.

Exemplo:: General code:
[CODE]General
code[/CODE]

Rich code:
[CODE=rich][COLOR=red]Rich[/COLOR]
code[/CODE]

PHP code:
[CODE=php]echo $hello . ' world';[/CODE]

JS code:
[CODE=javascript]var hello = 'world';[/CODE]

Resultado:

General code:

Código:

General
code

Rich code:

Rich (BB code):

Rich
code

PHP code:

PHP:

echo $hello . ' world';

JS code:

JavaScript:

var hello = 'world';

[ICODE] - Exibição do código de programação inline

Permite que você exiba o código embutido entre o conteúdo normal da postagem. A sintaxe não será destacada.

Exemplo:: Inline code sections [ICODE]are a convenient way[/ICODE] of displaying code inline.

Rich formatting within inline code sections [ICODE=rich]is [COLOR=red]also[/COLOR] [U]supported[/U][/ICODE].

Resultado:: Inline code sections are a convenient way of displaying code inline.

Rich formatting within inline code sections is also supported.

[INDENT] - Identação de texto

Recua o texto envolvido. Isto pode ser usado para maiores identações.

Exemplo:: Regular text
[INDENT]Indented text[/INDENT]
[INDENT=2]More indented[/INDENT]

Resultado:: Regular text

Indented text
More indented

[TABLE] - Tabelas

Marcação especial para exibir tabelas em seu conteúdo.

Exemplo:: [TABLE]
[TR]
[TH]Header 1[/TH]
[TH]Header 2[/TH]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]

Resultado:

Header 1	Header 2
Content 1	Content 2

[HEADING=level] - Níveis de títulos 1 a 3

Marca o texto como um título estruturado para facilitar a legibilidade da máquina.

Exemplo:: [HEADING=1]Major heading[/HEADING]
This text comes under a major heading, used to separate the primary sections of an article.

[HEADING=2]Minor heading[/HEADING]
When you need to subdivide the primary sections of an article, use a level 2 minor heading.

[HEADING=3]Subheading[/HEADING]
If you require additional subdivision, you may drop to level 3.

Resultado:: Major heading
This text comes under a major heading, used to separate the primary sections of an article.

Minor heading
When you need to subdivide the primary sections of an article, use a level 2 minor heading.

Subheading
If you require additional subdivision, you may drop to level 3.

[PLAIN] - Texto simples

Desativa a tradução do código BB no texto envolvido.

Exemplo:: [PLAIN]This is not [B]bold[/B] text.[/PLAIN]

Resultado:: This is not [B]bold[/B] text.

[ATTACH] - Inserção de anexo

Insere um anexo no ponto especificado. Se o anexo for uma imagem, uma miniatura ou versão em tamanho real será inserida. Isso geralmente é inserido clicando no botão apropriado.

Exemplo:: Miniatura: [ATTACH]123[/ATTACH]
Full size: [ATTACH=full]123[/ATTACH]

Resultado:: The contents of the attachments would appear here.

[ABBR] [ABBR=option] - Abbreviation

An abbreviation, with mouse-over expansion

Exemplo:: [abbr="on hover text"]text[/abbr]

Resultado:: text

[ACCORDION] [ACCORDION=option] - Accordion

A customizable interactive accordion

Exemplo:: [ACCORDION width=200]
[SLIDE_HEADER]First Slide[/SLIDE_HEADER]
[SLIDE]First slide content[/SLIDE]
[SLIDE title="Second Slide"]Second slide content[/SLIDE]
[/ACCORDION]

Resultado:

First Slide: First slide content
Second Slide: Second slide content

[ALERT=option] - Alerta

Cria um alerta

Exemplo:: [ALERT="warning"] Cuidado! [/ALERT]

Resultado:: Cuidado!

[ANCHOR] [ANCHOR=option] - Anchor

Generate a HTML anchor tag

Exemplo:: Generate an anchor point;
[anchor]introduction[/anchor]

Goto an anchor point
[anchor=#introduction]Click here to go to introduction[/anchor]

Resultado:: Generate an anchor point;

Goto an anchor point
Click here to go to introduction

[ARTICLE] [ARTICLE=option] - Article

Displays an article with an optional source attribution.

Exemplo:: [ARTICLE=https://en.wikipedia.org/wiki/Article_(publishing)]
A news article discusses current or recent news of either general interest (i.e. daily newspapers) or of a specific topic (i.e. political or trade news magazines, club newsletters, or technology news websites).

A news article can include accounts of eyewitnesses to the happening event. It can contain photographs, accounts, statistics, graphs, recollections, interviews, polls, debates on the topic, etc. Headlines can be used to focus the reader’s attention on a particular (or main) part of the article. The writer can also give facts and detailed information following answers to general questions like who, what, when, where, why and how.
[/ARTICLE]

Resultado:: Article:

A news article discusses current or recent news of either general interest (i.e. daily newspapers) or of a specific topic (i.e. political or trade news magazines, club newsletters, or technology news websites).

A news article can include accounts of eyewitnesses to the happening event. It can contain photographs, accounts, statistics, graphs, recollections, interviews, polls, debates on the topic, etc. Headlines can be used to focus the reader’s attention on a particular (or main) part of the article. The writer can also give facts and detailed information following answers to general questions like who, what, when, where, why and how.

Source: https://en.wikipedia.org/wiki/Article_(publishing)

[BIMG] [BIMG=option] - Block image

Displays an image, allowing it to be resized, aligned or floated, and compared with another image.

Exemplo:: [bimg]http://www.google.com/images/srpr/logo3w.png[/bimg]
[bimg width=100px]http://www.google.com/images/srpr/logo3w.png[/bimg]

Resultado:

[ENCADRE] [ENCADRE=option] - Encadre

This BB Code inserts a text box to the right of a text (absolute position). It has to be inserted just before the content. (width customizable in %)

Exemplo:: [ENCADRE]This is a text box with a long text. Can be used with an article for example.[/ENCADRE]Content
[ENCADRE width=30]This is a text box with a long text. Can be used with an article for example.[/ENCADRE]Content

Resultado:: Encadre:

This is a text box with a long text. Can be used with an article for example.

Content

Encadre:

This is a text box with a long text. Can be used with an article for example.

Content

[FIELDSET] [FIELDSET=option] - Fieldset

This BB Code inserts a fieldset

Exemplo:: [fieldset]This is a fieldset[/fieldset]
[fieldset title="Title"]This is a fieldset[/fieldset]
[fieldset title="Title" width=80]This is a fieldset[/fieldset]

Resultado:: Fieldset:

This is a fieldset

Title

This is a fieldset

Title

This is a fieldset

[FLEFT] - Float left

Make a block float on the left

Exemplo:: [fleft]Make me float on the left[/fleft]

Resultado:: Make me float on the left

[FRIGHT] - Float right

Make a block float on the right

Exemplo:: [FRIGHT]Make me float on the right[/FRIGHT]

Resultado:: Make me float on the right

[GVIEW] [GVIEW=option] - GVIEW

This BB Code displays documents using the "Google Docs - Viewer" (supports many different file types:pdf,ppt,doc,xls...).

Exemplo:: [GVIEW]http://research.google.com/archive/bigtable-osdi06.pdf[/GVIEW]

Resultado:

[H1] - h1

Exemplo:: [h1]Example[/h1]
Normal text

Resultado:: Example
Normal text

[H2] - h2

Exemplo:: [h2]Example[/h2]
Normal text

Resultado:: Example
Normal text

[H3] - h3

Exemplo:: [h3]Example[/h3]
Normal text

Resultado:: Example
Normal text

[H4] - h4

Exemplo:: [h4]Example[/h4]
Normal text

Resultado:: Example
Normal text

[HR] [HR=option] - Horizontal line

Exemplo:: Default line:
[hr]
Unformatted line:
[hr=0]
Solid line:
[hr=1]
Lightly faded on both sides:
[hr=2]
Significantly faded on both sides:
[hr=3]
Faded to left:
[hr=4]
Faded from right:
[hr=5]

Resultado:: Default line:

Unformatted line:

Solid line:

Lightly faded on both sides:

Significantly faded on both sides:

Faded to left:

Faded from right:

[IRPARA=option] - Ir para

Link de ancoragem. Utilizado em conjunto com uma ancoragem, tag [ancora].

Exemplo:: [irpara=1]Teste de ancoragem[/irpara]
[ancora=1]Conteúdo[/ancora]

Resultado:: Teste de ancoragem
Conteúdo

[JUSTIFY] - Justify

Exemplo:: [justify]justified text example
line 1
line 2
line 3[/justify]!

Resultado:: justified text example
line 1
line 2
line 3
!

[LATEX] [LATEX=option] - LaTeX

Renders LaTeX markup.

Exemplo:: [LATEX]c=\sqrt{a^2+b^2}[/LATEX]

Resultado:: LaTeX:

\[c=\sqrt{a^2+b^2}\]

[INFORMATION] [INFORMATION=option] - Mod:Info

Moderator only Information banner

Exemplo:: [information=Title]Information[/information]

Resultado:: title Information

[STOP] [STOP=option] - Mod:Stop

Moderator only Stop banner

Exemplo:: [stop=Title]Stop[/stop]

Resultado:: title Stop

[WARNING] [WARNING=option] - Mod:Warning

Moderator only Warning banner

Exemplo:: [warning=Title]Warning[/warning]

Resultado:: title Warning

[SLIDER] [SLIDER=option] - Slider

Cycles through slides in a slide-show format.

Exemplo:: [SLIDER]
[SLIDE_HEADER]Title 1[/SLIDE_HEADER]
[SLIDE align=center]Content 1[/SLIDE]
[SLIDE]Content 2[/SLIDE]
[SLIDE]Content 3[/SLIDE]
[SLIDE open=1]Content 4[/SLIDE]
[/SLIDER]

Resultado:: Title 1
Content 1

Content 2

Content 3

Content 4

[SUB] - Subscript

Exemplo:: 10[sub]1[/sub]!

Resultado:: 101!

[SUP] - Superscript

Exemplo:: 10[sup]1[/sup]!

Resultado:: 101!

[TABS] [TABS=option] - Tabs

Render Tabs into a post

Exemplo:: [TABS]
[SLIDE_HEADER]Title 1[/SLIDE_HEADER]
[SLIDE]Content 1 - [tab=2]Link to tab 2[/tab][/SLIDE]
[SLIDE title="Title 2"]Content 2[/SLIDE]
[/TABS]
[TABS width=200]
[SLIDE_HEADER]First Slide[/slide_header]
[SLIDE]First tab content - [tab=2]Link to tab 2[/tab][/SLIDE]
[SLIDE title="Second Slide"]Second tab content[/SLIDE]
[/TABS]

Resultado:

Title 1 Title 2

Content 1 - Link to tab 2
Content 2

First Slide Second Slide

First tab content - Link to tab 2
Second tab content

[TIME] [TIME=option] - Time

Displays a time or date based on a member's timezone preference.

Exemplo:: [TIME=datetime]2050-12-12T03:12:46+0000[/TIME]

Resultado:: 12/12/2050 às 00:12

BB codes

Ajuda

[B], [I], [U], [S] - Negrito, itálico, sublinhado e tachado

[COLOR=color], [FONT=name], [SIZE=size] - Cor, fonte e tamanho do texto

[URL], [EMAIL] - Vinculação

[URL=link], [EMAIL=endereço] - Vinculação (avançado)

[USER=ID] - Vinculação de perfil

[IMG] - Imagem

[MEDIA=site] - Mídia incorporada

[LIST] - Listas

[LEFT], [CENTER], [RIGHT] - Alinhamento de texto

[QUOTE] - Texto citado

[SPOILER] - Texto contendo spoilers

[ISPOILER] - Texto embutido contendo spoilers

[CODE] - Exibição do código de programação

[ICODE] - Exibição do código de programação inline

[INDENT] - Identação de texto

[TABLE] - Tabelas

[HEADING=level] - Níveis de títulos 1 a 3

Major heading​

Minor heading​

Subheading​

[PLAIN] - Texto simples

[ATTACH] - Inserção de anexo

[ABBR] · [ABBR=option] - Abbreviation

[ACCORDION] · [ACCORDION=option] - Accordion

[ALERT=option] - Alerta

[ANCHOR] · [ANCHOR=option] - Anchor

[ARTICLE] · [ARTICLE=option] - Article

[BIMG] · [BIMG=option] - Block image

[ENCADRE] · [ENCADRE=option] - Encadre

[FIELDSET] · [FIELDSET=option] - Fieldset

[FLEFT] - Float left

[FRIGHT] - Float right

[GVIEW] · [GVIEW=option] - GVIEW

[H1] - h1

Example

[H2] - h2

Example

[H3] - h3

Example

[H4] - h4

Example

[HR] · [HR=option] - Horizontal line

[IRPARA=option] - Ir para

[JUSTIFY] - Justify

[LATEX] · [LATEX=option] - LaTeX

[INFORMATION] · [INFORMATION=option] - Mod:Info

[STOP] · [STOP=option] - Mod:Stop

[WARNING] · [WARNING=option] - Mod:Warning

[SLIDER] · [SLIDER=option] - Slider

[SUB] - Subscript

[SUP] - Superscript

[TABS] · [TABS=option] - Tabs

[TIME] · [TIME=option] - Time

Major heading

Minor heading

Subheading

[ABBR] [ABBR=option] - Abbreviation

[ACCORDION] [ACCORDION=option] - Accordion

[ANCHOR] [ANCHOR=option] - Anchor

[ARTICLE] [ARTICLE=option] - Article

[BIMG] [BIMG=option] - Block image

[ENCADRE] [ENCADRE=option] - Encadre

[FIELDSET] [FIELDSET=option] - Fieldset

[GVIEW] [GVIEW=option] - GVIEW

[HR] [HR=option] - Horizontal line

[LATEX] [LATEX=option] - LaTeX

[INFORMATION] [INFORMATION=option] - Mod:Info

[STOP] [STOP=option] - Mod:Stop

[WARNING] [WARNING=option] - Mod:Warning

[SLIDER] [SLIDER=option] - Slider

[TABS] [TABS=option] - Tabs

[TIME] [TIME=option] - Time