BBCode é uma pequena linguagem criada pelos fóruns phpBB e agora está presente na maioria dos fóruns do mundo. O BBCode utiliza das tags para formatar ou adicionar efeitos nas mensagens em fóruns. As tags normalmente aparecem entre colchetes com uma letra ou palavra no meio. Para demonstrar que o BBCode está começando usa-se [] e para terminar [/]. Um sistema converte esses códigos para linguagens como HTML ou XHTML, para que o navegador possa interpretar. A principal vantagem de se utilizar BBCode é a simplicidade do código facilitando novos usuários a usar os código de modo mais fácil.
Confira abaixo e aprenda todas as tags disponíveis em nosso site.
-
Texto
-
Alinhamento
-
Fonte
-
Links
-
Mídia
-
Avançadas
Textos
Formatação básica para deixar textos em destaque.
Lorem Ipsum is [b]simply dummy text[/b] of the printing and typesetting industry.
Resultado: Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Formatação cursiva onde letras inclinam-se ligeiramente para a direita.
Lorem Ipsum is [i]simply dummy text[/i] of the printing and typesetting industry.
Resultado: Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Usado para destacar textos com uma linha na parte de baixo da palavra.
Lorem Ipsum is [u]simply dummy text[/u] of the printing and typesetting industry.
Resultado: Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Formatação utilizada para desassociar uma palavra, riscando-a no meio.
Lorem Ipsum is [s]simply dummy text[/s] of the printing and typesetting industry.
Resultado: Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Formatação que permite inserir textos como se fossem observacões, são menores que os textos tradicionais e ficam posicionados na parte de cima da linha.
Lorem [sup]Ipsum[/sup] is simply dummy text of the printing and typesetting industry.
Resultado: Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Funciona da mesma forma que o texto sobrescrito, porém ficam posicionados na parte de baixo da linha.
Lorem [sub]Ipsum[/sub] is simply dummy text of the printing and typesetting industry.
Resultado: Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Uma linha horizontal para separar conteúdos.
[hr]
quebraQuebra de Linha
Adiciona uma quebra de linha extra entre os textos.
[br]
Alinhamento
Formatação para centralizar textos e palavras.
[center]Lorem Ipsum is simply...[/center]
Formatação para justificar textos e palavras.
[justify]Lorem Ipsum is simply...[/justify]
Formatação para alinhar os textos e palavras à esquerda.
[left]Lorem Ipsum is simply...[/left]
Formatação para alinhar os textos e palavras à direita.
[right]Lorem Ipsum is simply...[/right]
Fonte
É possível modificar as cores dos textos, usando códigos hexadecimais.
[color="#357cc4"]Lorem Ipsum is simply dummy text.[/color]
Resultado: Lorem Ipsum is simply dummy text.
Os textos podem ter o tamanho da fonte modificados e os valores vão de 1 a 40, o número é medido em pixel. O tamanho padrão do site é 15, neste exemplo, alteramos para 10.
[size="10"]Lorem Ipsum is simply dummy text.[/size]
Resultado: Lorem Ipsum is simply dummy text.
Servem parar customização de textos, inserindo um cor de fundo.
[background color="#357cc4" text="#fff"]Texto branco com fundo azul.[/background]
Resultado: Texto branco com fundo azul.
É possível modificar também a fonte dos textos, não é recomendável o uso no post todo, apenas para uma parte o outra, para manter assim o padrão do site.
[font="Verdana"]Lorem Ipsum is simply dummy text.[/font]
Resultado: Lorem Ipsum is simply dummy text.
Os títulos são utilizados para separar conteúdos e vão de uma escala de 1 a 6, sendo que a fonte do 1 é a maior e a do 6 a menor.
[h1]Título 1[/h1]
[h2]Título 2[/h2]
[h3]Título 3[/h3]
[h4]Título 4[/h4]
[h5]Título 5[/h5]
[h6]Título 6[/h6]
Links
As âncoras são elementos que ficam ocultos na visualização e são utilizados para criar sessões entre outros elementos do post e precisam ser utilizadas em conjunto com a tag JUMP que está descrita logo abaixo.
[anchor]LoremIpsum[/anchor]
Toda vez que uma tag ANCHOR for utilizada em um post, é obrigatório a inserção de uma tag HASANCHOR no final do documento para que funcione a animação entre os links.
[hasanchor]
Para criar um link dentro do post, você precisa ter definido a tag ANCHOR em algum lugar do post, como foi descrito no item acima. Aí então, entra a tag JUMP para fazer referência à esse conteúdo.
[jump="LoremIpsum"]Lorem Ipsum is[/jump] simply dummy text.
Resultado: Lorem Ipsum is simply dummy text.
Utilizado para criar links externos ao site, como fontes e outras páginas de referências.
[url="http://www.google.com.br"]Lorem Ipsum is[/url] simply dummy text.
Resultado: Lorem Ipsum is simply dummy text.
Mídia
As imagens podem ser incorporadas em todos os posts, para dar uma ar mais agradável aos mesmos.
[img]http://www.platinas.com.br/assets/images/platina.png[/img]
Resultado:
Vídeos devem ser utilizados com moderação para evitar sobrecarregar as páginas, é super recomendado utilizar essa tag em guias. Para tornar o uso mais simples e utilizando menos código, você precisa apenas do ID do vídeo dentro da tag.
Exemplo: www.youtube.com/watch?v=YQUpg795iBo
[video]YQUpg795iBo[/video]
Resultado:
São utilizado para esconder conteúdos grandes e outros referentes a histórias de games ou então vídeos e imagens.
[spoiler]Conteúdo que está oculto dentro do spoiler.[/spoiler]
Resultado:
Conteúdo que está oculto dentro do spoiler.
Neste tutorial, todas sessões estão utilizando essa tag para exemplificar a forma de uso de cada uma, essa é a função desta tag.
[code ]Lorem Ipsum is simply dummy text. [/code ]
Uma tag muito utilizada em fóruns, não necessita explicação. São citações, onde você apenas marca o autor do texto.
[quote author="WallaceErick"]Lorem Ipsum is simply dummy text.[/quote]
Resultado:
WallaceErick wrote:Lorem Ipsum is simply dummy text.
A caixa tem diversas utilizações, vai de sua criativade. Pode-se usar com lista de troféus, vídeos e etc. Ela pode receber o valor título e conteúdo.
[caixa="Lorem Ipsum"]Lorem Ipsum is simply dummy text.[/caixa]
Resultado:
Lorem IpsumLorem Ipsum is simply dummy text.
Avançadas
Os troféus são utilizados em todos os guias, são uma espécie de bloco com uma âncora, imagem, nome e descrição do troféu.
[trofeu]
[anchor]trofeu12[/anchor]
[img]/assets/images/vita/teikoku-kaigun/trophy_11.png[/img]
[color="#bfbfc0"]Nome do Troféu :silver:[/color] Descrição do Troféu
[jump=topo]Subir[/jump]
[/trofeu]
Neste exemplo, temos um troféu de bronze que utiliza a cor #bfbfc0. Se fosse ouro, a cor seria #f7b14d, bronze #f7924d e platina #669dc6.
Resultado:
trofeu12
心の扉を開けて 
小宮山ルートのハッピーエンドを見た
Subir
botoesBotões de Seleção
Esse botões foram criados com a intenção de facilitar a consulta de respostas em jogos do estilo novel, como existem muitos no VITA e PS3. O funcionamento é simples, ao inserir este botão o usuário pode clicar nele e 'marcar' essa resposta já como feita, se ele fechar a página e voltar depois, essa resposta continuará lá marcada.
[label id="nome-do-jogo-1"][b]1[/b]. Resposta 1[/label]
[label id="nome-do-jogo-2"][b]2[/b]. Resposta 2[/label]
[label id="nome-do-jogo-3"][b]1[/b]. Resposta 3[/label]
Note que o label tem um atributo ID com um nome e um número, no nome, você deve colocar o nome do jogo que está criando o guia e o número é referente à respsta que está criando, este deve ser diferente em todos os botões que você utilizará em seu post. Por exemplo, você está criando um guia que tem 50 respostas, então precisará de 50 botões. Cada um desses botões devem ter um ID diferente, para ficar mais fácil a organização, é recomendado colocar o nome e ir incrementando o valor à partir do 1, neste caso até chegar no 50. Para que eles funcionem corretamente, é preciso adicionar a tag HASLABEL no final do documento, assim como no caso das âncoras.
[haslabel]
Resultado: