Conhecendo o BBCode (Lista de BBCodes)

Anchovy

Você deve ter notado que algumas pessoas no nosso fórum tem postagens com imagens, links, videos e cores e está se perguntando "como fazem isso ?"
O nome disso é BBCode (abreviação para Bulletin Board Code) e está presente na maioria dos fórums do mundo, especialmente naqueles que usam vBulletin como o nosso
Esse tópico mostrará a maior parte (se não todos) os BBCodes que possuímos para o nosso fórum, então se notar que há algum BBCode faltando basta postar aqui

Dica: Possuímos uma caixa de texto que facilita muito o uso de BBCode, ao apertar em algum dos símbolos é ativado algum BBCode automaticamente e para a maior parte dos navegadores como Chrome e Firefox esse BBCode é aplicado diretamente, sem o uso de colchetes, nem todo BBCode está incluído na caixa, porém os principais estão presentes
Para usar essa caixa de texto em suas postagens, basta apertar A ao lado direito (entre um símbolo de anexo e um smile)
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"http:\/\/i.imgur.com\/IpSy1C1.png"}[/IMG2]

Lista de BBCodes

[noparse] - Bold, Negrito
- Italic, Itálico
- Underline, Sublinhado
[color] - Color, Cor
[size] - Size, Tamanho
[font] - Font, Fonte

- Left, Texto à esquerda (padrão)

- Center, Texto ao centro

- Right, Texto à direita
- URL, Links

- Quote, Citar

[video] - Video, Vídeos em geral- Horizontal, Linha Horizontal
^{- Superscript, Sobrescrito
_{- Subscript, Sobscrito}}
- Table, Tabela
[gf] - Google Forms (não funciona pois redireciona para o Evento Mensal; provavelmente não autorizado aos membros)
Attachment not found.Usando BBCodes Corretamente

Ao aplicar um BBCode em um tópico, precisamos prestar atenção em como ele está sendo aplicado
Não importa se o BBCode está em minúsculo ou maiúsculo
Deve se usar o BBCode da seguinte forma: [noparse]*link* ou *palavra*[/noparse]

Incorreto:
[noparse][url] https://www.youtube.com/watch?v=atuFSv2bLa8 [/url][/noparse] - Foi deixado espaços entre o BBCode e o link, que na verdade deveriam estar todos juntos

https://www.youtube.com/watch?v=atuFSv2bLa8[url][/url] - A finalização do BBCode está sem a barra /, que serve para indicar o fim de um BBCode

Correto:
[noparse]https://www.youtube.com/watch?v=atuFSv2bLa8[/noparse] - A forma correta de usar esse BBCode, no final temos isso: https://www.youtube.com/watch?v=atuFSv2bLa8

Mesclar BBCodes

Sim, é possível Mesclar vários BBCodes e criar uma imagem com link, um texto sublinhado com negrito e cor vermelha, etc
Alguns podem ser bem complicados de se usar escrevendo, portanto a caixa de texto pode facilitar isso
Um exemplo de imagem com link:

Como usar:
[noparse][/noparse]

Exemplo de uso:
[noparse][/noparse]

Exemplo em ação (clique na imagem):
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"http:\/\/i.imgur.com\/DFa0fTH.png"}[/IMG2]
Exemplos:

[noparse], e [/noparse]

Como usar:
[noparse]Italic
Bold
Underline[/noparse]

Exemplo:
Italic
Bold
Underline[noparse][COLOR][/noparse]

Como usar:
[noparse]Red
Blue
Turquesa (Código)[/noparse]

Exemplo:
Red
Blue
Turquesa (Código)[noparse][SIZE][/noparse]

Como usar:
[noparse]Texto em tamanho 16[/noparse]

Exemplo:
Texto em tamanho 16[noparse][FONT][/noparse]

Como usar:
[noparse]Texto em Verdana
Texto em Arial
Texto em Comic Sans[/noparse]

Exemplo:
Texto em Verdana
Texto em Arial
Texto em Comic Sans[noparse]

,

e

[/noparse]

Como usar:
[noparse]

Esquerda

Centro

Direita

[/noparse]

Exemplo:

Esquerda

Centro

Direita

[noparse][/noparse]

Como usar:
[noparse]https://www.youtube.com/watch?v=atuFSv2bLa8
Manuel - Gas Gas Gas[/noparse]

Exemplo:
https://www.youtube.com/watch?v=atuFSv2bLa8
Manuel - Gas Gas Gas[noparse]

Como usar:
[noparse]
[/noparse]

Exemplo: [IMG2=JSON]{"data-align":"none","data-size":"full","src":"http:\/\/i.imgur.com\/DFa0fTH.png"}[/IMG2]
[IMG2=JSON]{"data-align":"none","data-size":"full","src":"http:\/\/i.imgur.com\/ExJUKwL.gif"}[/IMG2][noparse]

[/noparse]

Como usar:
[noparse]

Modern talking, modern walking in the streets

Anchovy escreveu:

New Desire, take me higher, lift me harder with your speed

[/noparse]

Exemplo:

Modern talking, modern walking in the streets

Anchovy escreveu:

New Desire, take me higher, lift me harder with your speed

[noparse]

[VIDEO][/noparse]

Como usar:
Use a parte em negrito para o Youtube: https://www.youtube.com/watch?v=dv13gl0a-FA
[noparse]

https://www.youtube.com/watch?v=dv13gl0a-FA

[/noparse]

Use a parte em negrito para o Vídeo (pelo Vimeo nesse caso): https://vimeo.com/219724268
[noparse][video=vimeo;219724268]

Exemplo:

https://www.youtube.com/watch?v=dv13gl0a-FA

[video=vimeo;219724268][noparse][/noparse]

Como usar:
[noparse][/noparse]

Exemplo:[noparse] ^{e _[/noparse]}

Como usar:
[noparse]25²=625
Oooee_eee[/noparse]

Exemplo:
25²=625
Oooee_eee[noparse]

[/noparse]

Como usar:
[noparse]

Item 1 Item 2 Item 3

[/noparse]

Exemplo:

• Item 1
  Item 2
  Item 3

[noparse][NOPARSE*][/noparse]

Como usar (sem asterísco)
[noparse][noparse*]Esse BBCode não se formará[/color[[/noparse*][/noparse]

Exemplo:
[noparse]Esse BBCode não se formará[/noparse][noparse]

[/noparse]

Como usar (sem asterísco)

[noparse]

Parágrafo

[/noparse]

Exemplo:

Parágrafo

[noparse][/noparse]

Dica: Você pode usar esse site para facilitar a criação das tabelas
Ainda é complicado de entender, mas é muito melhor do que fazer manualmente

Como usar:

[noparse]

[th]Running in the 90s[/th]
[th] Gas Gas Gas[/th]


Running in the nineties, is a new way I like to be
I'm just running in the nineties
Come on baby run to me
We are running in the nineties, is a new way to set me free
I'm just running in the nineties
Yes I wanna know, yes I wanna see
Gas gas gas!
I'm gonna step on the gas
Tonight I'll fly and be your lover
Yeah yeah yeah
I'll be so quick as a flash
And I'll be your hero



[/noparse]

Exemplo:



Running in the nineties, is a new way I like to be
I'm just running in the nineties
Come on baby run to me
We are running in the nineties, is a new way to set me free
I'm just running in the nineties
Yes I wanna know, yes I wanna see
Gas gas gas!
I'm gonna step on the gas
Tonight I'll fly and be your lover
Yeah yeah yeah
I'll be so quick as a flash
And I'll be your hero

freinkstoink

Ótimo tópico!

Belo gosto na questão do Initial D.

freinkstoink

Pra galera que gostaria de desfrutar melhor das tags, tentem ler apostilas de HTML que ajudará muito vocês a entender melhor como colocar as tags nos post.
Mas o explicativo acima ficou show de bola!!!!

Anchovy

freinkstoink escreveu: »

Ótimo tópico!

Belo gosto na questão do Initial D.

Obrigado, demorou um pouco para fazer ele

Eu estava procurando por algo como exemplo no tópico, então peguei alguns Eurobeats/Avatares antigos e decidi usar eles
Initial D foi demais, pena que acabou com a "morte" do AE86

[1]Paranoid

Wow, Dashie! Guia completíssimo, será bem útil
Sempre bom dar uma atualizada.

]tomateko

Parabéns [USER="1140405"]Anchovy[/USER] Ficou muito top esse guia,

Vai ajudar bastante!

TMJ!!

CW_E_lyeeL

Ficou muito bom mesmo, de vez em quando, quando faço um post mais "requintado" uso BB, mas às vezes ainda me perco, isso é muito bom, antigamente eu usava isso direto, mas parei um pouco e depois perdi toda a manha.




PS-off: Kimi no na Wa é muito bom cara.

Suave90

Ótima guia, irá ajudar bastante!

[]Luizbunito

Só nos dift em alta velocidade ao som de Initial D, Sweet Dreams é para os fracos.

Zoeiras a parte foi um bom tópico, vai ajudar o pessoal que não manja muito(mesmo que tenha aquela aba para ajudar).