Guia do BBcode

O BBCode é a abreviação de Bulletin Board Code. Consiste, na verdade, em uma implementação do HTML. A avtivação do uso do BBCode é determinado pelo administrador. Você pode desativar o BBCode em uma mensagem no momento da elaboração da mensagem. O BBCode é, nele mesmo, similar ao estilo HTML, os seus elementos, balisas, são delimitados por colchetes [ e ] , ao invés de < e >, e oferecem um melhor controle sobre como a informação será visualizada. De acordo com o modelo de documento que você lê, você pode adicionar BBCode às suas mensagens através de uma interface de botões clicáveis acima da caixa de texto. Neste sentido, o guia abaixo será útil .

O BBCode compreende balisas que lhes permite modificar rapidamente o estilo do seu texto. Isto se faz das seguintes maneiras :

• Para colocar uma parte do texto em negrito:
  

  Código:

   [b]Olá[/b]

  Resultado: Olá
  
  
• Para sublinhar um texto:
  

  Código:

   [u]Surpresa[/u]

  Resultado: Surpresa
  
  
• Para colocar uma parte do texto em itálico:
  

  Código:

  [i]Genial![/i]

  Resultado: Genial!
  
  
• Para barrar um texto:
  

  Código:

   [strike]teste[/strike]

  Resultado: teste

Para modificar a cor, o tamanho ou a fonte do seu texto, as seguintes balisas podem ser utilizadas (lembre-se sempre que o resultado do texto dependerá do seu navegador e do seu sistema operacional):

• Para modificar a cor do seu texto, você pode especificar seja o nome da cor reconhecida (ex: red, blue, yellow, etc.), ou através de código cor hexadecimal (ex: #FFFFFF, #000000):
  

  Código:

  [color=red]Cor vermelha (red)[/color] ou [color=#FF0000]Cor vermelha (#FF0000)[/color]

  Resultado: Cor vermelha (red) ou Cor vermelha (#FF0000)
  
  
• Para modificar o tamanho do seu texto realizado, você deve especificar o tamanho do texto em pixels, de 1 (tão que pequeno que não será visível) até 29 (muito grande):
  

  Código:

  [size=9]PEQUENO[/size] ou [size=24]ENORME[/size]

  Resultado: PEQUENO ou ENORME
  
  
• Para modificar a fonte, você deve especificar uma fonte reconhecida (ex.: Verdana, Arial), se um usuário não dispõe desta fonte uma outra lhe será disponibilizada par défaut :
  

  Código:

  [font=Arial]Fonte Arial[/font] ou [font=Comic Sans Ms]Fonte Comic Sans Ms[/font]

  Resultado: Fonte Arial ou Fonte Comic Sans Ms

Sim, claro que você pode, por exemplo, para atrair a atenção de alguém, você pode escrever:

Código:

[size=18][color=red][b]OLHA PRA MIM ![/b][/color][/size]

Código:

[b][u]Isto é normal[/b][/u]

Código:

[b][u]isso é correto[/u][/b]

Existem dois métodos para citar um texto, com ou sem referência.

• O exemplo da referência, para citar um texto escrito pelo Senhor Silva, você deverá digitar :
  

  Código:

  [quote="Senhor Silva"]Aqui deverá ser digitado o texto escrito pelo senhor Silva[/quote]

  Resultado : [quote="Senhor Silva"]qui deverá ser digitado o texto escrito pelo senhor Silva[/quote]
  Lembre-se de que você deve incluir as aspas " " em volta da referência que você faz.
  
  
• O segundo método permite citar qualquer texto sem fazer referência ao autor. Para isso :
  

  Código:

  [quote]Citação sem referência[/quote]

  Resultado :

  Citação sem referência

Se você quiser visualizar as linhas do código (HTML e outros) ou qualquer outra coisa que necessite uma fonte única (por exemplo com a fonte "Courrier"), você deve utilizar o seguinte BBCode :

Código:

[code]echo"Isto é um código";[/code]

Código:

echo "Isto é um código";

Uma lista não-ordenada produz uma lista onde as entradas estão organizadas uma abaixo da outra e identificadas por um ponto.

• Para criar uma lista não-ordenada, utilize :
  

  Código:

  [*]Vermelho[*]Azul[*]Amarelo[/list]

  Resultado :
  • Vermelho
  • Azul
  • Amarelo
  
  

O segundo tipo de lista, lhe possibilita um controle sobre o que será visualizado antes de cada entrada. Para criar uma lista ordenada, existem duas possibilidades:

• Uma lista enumerada :

  Código:

  [list=1][*]Ir ao Shopping[*]Comprar um novo computador[*]Gritar contra seu computador sempre que ele bloca[/list]

  Resultado :
  1. Ir ao Shopping
  2. Comprar um novo computador
  3. Gritar contra seu computador sempre que ele bloca
  
  
• Uma lista alfabética :

  Código:

  [list=a][*]A primeira resposta possível[*]A segunda resposta possível[*]A terceira resposta possível[/list]

  Resultado :
  1. A primeira resposta possível
  2. A segunda resposta possível
  3. A terceira resposta possível

O BBCode suporta vários métodos para criar hiperlinks, os mais conhecidos são a sigla URLs.

• O primeiro método usa balisas [url=][/url], tudo que você digitar após o sinal = será considerado como nome do link. Por exemplo, para criar um link para forumeiros.com deve usar : [url=https://www.forumeiros.com]Visite forumeiros.com ![/url] Isso vai dar o link como segue: Visite forumeiros.com ! Perceba que o link abre uma nova janela, o usuário pode então continuar a visitar a primeira página se ele desejar.



• Se você quiser que o link visualize diretamente o a URL, basta usar : [url]https://www.forumeiros.com/[/url] Isso vai dar o link que segue, https://www.forumeiros.com/



• E mais, se o fórum possui uma funcionalidade chamada Magic Links, esta convertirá automaticamente uma URL em um link sem ser necessário inserir uma balisa BBCode ou http://. Por exemplo, digitando www.forumeiros.com em sua mensagem, esta será automaticamente convertida para www.forumeiros.com quando você ler. A mesma coisa acontece para os emails, você pode escrever um endereço eletrônico explicitamente, por exemplo : [email]nome@dominio.com[/email] que dará no.one@domain.adr, ou seja, digitando nome@dominio.com em sua mensagem, ele será automaticamente convertido quando você o ler.

O BBCode possui uma balisa para incorporar imagens à suas mensagens. Saiba que para utilizar esta balisa dois pontos são importantes : primeiro, muitos usuário não apreciam muitas imagens em uma mensagem, e segundo, as imagens que você quer divulgar já devem estar disponíveis na internet (elas não podem exister somente em seus computadores por exemplo, salvo se o seu computador for um servidor de internet!). Você pode hospedar as suas imagens na internet graças aos hospedadores de imagens tais como [url=https://servimg.com/]www.servimg.com[/url].
Para visualizar uma imagem, você deve proceder desta forma:

Código:

[img]http://i28.servimg.com/u/f28/11/65/59/72/forume10.png[/img]

Código:

[url=https://www.forumactif.com/][img]http://i28.servimg.com/u/f28/11/65/59/72/forume10.png[/img][/url]

Quatro possibilidades de posicionamento são propostos :

• Alinhamento à esquerda :
  

  Código:

  [left]Frase alinhada à esquerda[/left]

  Resultado :
  Frase alinhada à esquerda
  
  
• Centro :
  

  Código:

  [center]Frase centrada[/center]

  Resultado :
  Frase centrada
  
  
• Alinhamento à direita :
  

  Código:

  [right]Frase alinhada à direita[/right]

  Resultado :
  Frase alinhada à direita
  
  
• Justificado :
  

  Código:

  [justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.[/justify]

  Resultado :
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.
  
  

Você tem à sua disposição dois métodos para inserir uma animação em flash em suas mensagens.

• Premeiro método com o BBcode flash:
  

  Código:

  [flash(200,40)]https://illiweb.com/fa/i/forumeiros.swf[/flash]

  Resultado :
  
  
• Segundo método BBcode embed-flash :
  

  Código:

  [embed-flash(200,40)]https://illiweb.com/fa/i/forumeiros.swf[/embed-flash]

  Resultado :

Você pode colocar vídeos em suas mensagens.

• Para os vídeos [url=https://www.youtube.com]Youtube[/url] copie o código que se encontra no campo Embed e proceda assim :

  Código:

  [youtube]code - Embed[/youtube]

  
  
• Para os vídeos [url=https://www.dailymotion.com]Dailymotion[/url], você precisa copiar o código localizado no campo Lecteur portable e faça assim :

  Código:

  [dailymotion]code - lecteur portable[/dailymotion]

Com o BBCode, para inserir uma tabela em uma mensagem é como as balisas utilizadas em HTML. Para criar uma tabela, você deve começar definindo uma "tabela" em seguida inserir uma linha 'tr'. Esta linha pode conter numa ou várias células 'td', como uma tabela pode conter vários 'tr'.

• Por exemplo, para criar uma tabela de duas linhas e de três colunas, você deve fazer assim :
  

  Código:

  [table] [tr][td] Linha 1 - Célula 1 [/td] [td] Linha 1 - Coluna 2 [/td] [td] Linha 1 - Coluna 3 [/td][/tr] [tr][td] Linha 2 - Coluna 1 [/td] [td] Linha 2 - Coluna 2 [/td] [td] Linha 2 - Coluna 3 [/td][/tr][/table]

  Resultado :

  Linha 1 - Coluna 1	Linha 1 - Coluna 2	Linha 1 - Coluna 3
  Linha 2 - Coluna 1	Linha 2 - Coluna 2	Linha 2 - Coluna 3

  
  
• Você pode ainda adicionar argumentos nos BBCode 'table'. Estes são iguais àqueles utilizados para HTML. Você pode por exemplo adicionar um contorno à tabela acima graças à balisa 'border'.
  

  Código:

  [table border=1] [tr][td] Ligne 1 - Coluna 1 [/td] [td] Linha 1 - Coluna 2 [/td] [td] Linha 1 - Coluna 3 [/td][/tr] [tr][td] Linha 2 - Coluna 1 [/td] [td] Linha 2 - Coluna 2 [/td] [td] Linha 2 - Coluna 3 [/td][/tr][/table]

  Resultado :[table border=1] [tr][td] Linha 1 - Coluna 1 [/td] [td] Linha 1 - Coluna 2 [/td] [td] Linha 1 - Coluna 3 [/td][/tr] [tr][td] Linha 2 - Coluna 1 [/td] [td] Linha 2 - Coluna 2 [/td] [td] Linha 2 - Coluna 3 [/td][/tr][/table]
  Outros atributos disponíveis : cellspacing, cellpadding, width, etc.
  

Se você quiser fazer um desfilamento horizontal, você deve utilizar o seguinte BBCode :

Código:

[scroll]Minha mensagem[/scroll]

A segunda maneira de desfilar um texto é verticalmente graças ao seguinte BBcode :

Código:

[updown]Minha mensagem[/updown]

Se você desejar inserir linhas em suas mensagens, você pode utilizar o BBcode :

Código:

Minha primeira mensagem[hr]Minha segunda mensagem

Se você desejar colocar um texto em índice ou expoente (útil para matemática), dois BBcodes são propostos :

• Primeiro método, para adicionar em índice :
  

  Código:

  x[sub]a+b[/sub]

  Resultado : x
  
  
• Segundo método, colocar em expoente :
  

  Código:

  2[sup]º[/sup] dia

  Resultado : 2_º dia
  
  

Quatro BBcodes que produzem efeitos nas mensagens estão à sua disposição. Contudo, estes BBcodes são compatíveis unicamente com Internet Explorer com um fórum em versão phpBB2.

• A primeira é um espelho vertical (simetria vertical) sobre o texto :
  

  Código:

  [flipv]Efeito espelho vertical[/flipv]

  Resultado : Efeito espelho vertical 
  
  
• A segunda é um efeito espelho horizontal (simetria horizontal) em sua mensagem :
  

  Código:

  [fliph]Efeito espelho horizontal[/fliph]

  Resultado : Efeito espelho horizontal 
  
  
• Se você desejar um efeito desfocado em sua mensagem, você pode usar o BBcode :
  

  Código:

  [blur]Mensagem sem foco[/blur]

  Resultado : Mensagem sem foco
  
  
• O último BBcode de efeito é o que corresponde ao degrade na forma de :
  

  Código:

  [fade]Efeito degrade[/fade]

  Resultado : Efeito degrade

Se você deseja obter um número aleatório de acordo com um intervalo, você pode utilizar o seguinte BBcode :

• Primeiro caso de uso, o intervalo é especificado ao mínimo e ao máximo :
  

  Código:

  [rand]50,100[/rand]

  Resultado :

  Quantidade aleatória (50,100) : 91

  
  
  
• Segundo caso de uso, o intervalo é especificado ao máximo :
  

  Código:

  [rand]50[/rand]

  Resultado:

  Quantidade aleatória (1,50) : 50