Formatar o texto em itálico, sublinhado, negrito ou riscado

O BBCode tem tags que permitem fazê-lo rápida e facilmente da seguinte forma:

Código:

Para deixar o texto a negrito deve utilizar a tag [b][/b]

O exemplo seguinte: Naruto Portugal vai marcar o [b]mundo[/b]

• Terá este resultado: Naruto Portugal vai marcar o mundo.

Código:

Para deixar o texto sublinhado utilize a tag [u][/u]

O exemplo seguinte: Naruto Portugal vai marcar o [u]mundo[/u].

• Terá este resultado: Naruto Portugal vai marcar o mundo.

Código:

Para deixar o texto em itálico utilize a tag [i][/i]

O exemplo seguinte: Naruto Portugal vai marcar o [i mundo[/i].

• Terá este resultado: Naruto Portugal vai marcar o mundo.

Código:

Para deixar o texto riscado utilize a tag [strike][ /strike]
O exemplo seguinte: Naruto Portugal vai marcar o [strike]mundo[/strike].

• Terá este resultado: Naruto Portugal vai marcar o mundo.

Modificar a cor e o tamanho do texto

Para alterar a cor ou o tamanho do texto deverá utilizar as tags da seguinte forma:

Código:

Para modificar a cor do texto utilize a tag [color=][/color].
Depois do = deve especificar a cor usando o seu nome inglês (red, blue, yellow, etc.) ou em alternativa o valor hexadecimal da cor (#FFFFFF, #000000, etc.).

Para o texto resultará a vermelho se utilizar a tag .

O exemplo seguinte: Naruto Portugal irá marcar o [color=red]mundo[/color].
ou
Naruto Portugal irá marcar o [color=#FF0000]mundo[/color].

• Terá este resultado: Naruto Portugal irá marcar o mundo.

Código:

Para modificar o tamanho do texto utilize a tag [size][/size].
Esta está dependente do Template do Fórum, variando o tamanho padrão da fonte com o Template.
Este BBCode começa em 1 (invisível) até 29 (muito grande).

O exemplo seguinte:Naruto Portugal irá marcar o [size=9]mundo[/size].

• Terá este resultado: Naruto Portugal irá marcar o mundo.

ou então

Código:

O exemplo seguinte: Naruto Portugal irá marcar o [size=24]mundo[ /size].

• Terá este resultado: Naruto Portugal irá marcar o mundo.

Posso juntar tags?

No exemplo seguinte juntamos as tags de cor e tamanho do texto.

Código:

[size=18][color=red][b]Katon![/b] [/color][/size]

• O resultado será: Katon!

Deve verificar sempre se as tags foram fechadas e organizadas correctamente, evitando resultados desastrosos.
Um exemplo de como não deve organizar as tags:

Código:

[b][u]Isto não deve ser feito[/b][/u]

Citar um texto completo ou apenas uma parte

Citar o texto nas suas respostas

Há duas formas de fazer uma citação. Uma delas é fazendo referência ao autor a outra sem referenciar o autor:

Código:

Quando faz uma citação o texto é colocado dentro de uma janela de mensagem cercada por um [quote=""][/quote] bloco.

Este método permite uma citação com referencia ao seu autor! Por exemplo para citar parcialmente um texto do Naruto poderia fazê-lo da seguinte forma:

[quote="Naruto"]O texto que o Naruto escreveu poderia vir aqui[/quote].

Desta forma é adicionado automaticamente "Naruto escreveu" antes do texto. Deve obrigatoriamente incluir as aspas "" em volta do nome que está a citar.

• Terá este resultado:

  Naruto escreveu:

  O texto que o Naruto escreveu poderia vir aqui

Código:

O segundo método permite uma citação sem referenciar o seu autor. Para fazê-lo basta deixar o texto cercado por estas [quote][/quote] tags.

Quando o faz aparece unicamente a palavra Citação antes do texto.

Citar um texto completo ou apenas uma parte

Deixar o texto completo em forma de código ou apenas uma parte

Código:

Para deixar o texto todo ou parte dele em formato de código deve usar as [code][/code] tags.

• Por exemplo:
  

  Código:

  echo "Isto é algum código";

Código:

Todo texto dentro das tags [code][/code] pode ser modificado ou eliminado.

Criar listas

Criar uma lista não ordenada

O BBCode permite listas ordenadas e as não ordenadas. Este código é igual ao HTML, mudando apenas o formato da tag.

Uma lista não ordenada cria os itens em sequência.

Código:

Para criar uma lista não ordenada deve usar [list][/list] e definir cada marcador dentro da lista usando [*].

Por exemplo, para as suas personagens favoritas poderia fazer da seguinte forma:

[list]
[*]Itachi
[*]Yondaime
[*]Kakashi
[/list]

Sendo criada a seguinte lista:

• Itachi
  
• Yondaime
  
• Kakashi
  

Criar uma lista ordenada

O BBCode permite listas ordenadas e as não ordenadas. Este código é igual ao HTML, mudando apenas o formato da tag.

Uma lista ordenada cria os itens em sequência.

Código:

criar uma listas ordenadas deve usar [list=1][/list] para listas numeradas, ou [list=a][/list] para listas alfabéticas. Como nas listas não ordenadas os itens são precedidos de um [*].

Por exemplo, para uma lista numérica proceda da seguinte forma:

[list=1]
[*]Itachi
[*]Yondaime
[*]Kakashi
[/list]

Sendo criada a seguinte lista:

1. Itachi
   
2. Yondaime
   
3. Kakashi
   

Código:

Para uma lista alfabética proceda da seguinte forma:

[list=a]
[*]Itachi
[*]Yondaime
[*]Kakashi
[ /list]

Sendo criada a seguinte lista:

1. Itachi
   
2. Yondaime
   
3. Kakashi
   

Criar atalhos

Criar um atalho para outro site

O phpBB BBCode aceita um número variável de formas para criar URIs, Uniform Resource Indicators, mais conhecidas como URLs.

Código:

A primeira dessas formas é usando as tags [url=][/url].
Deve escrever o endereço de destino depois do sinal de =.

Para criar um atalho para o naruto-portugal.forumeiro.com deve fazê-lo da seguinte forma:

Código:

[url=http://www.naruto-portugal/]Visite Naruto Portugal![/url]

• Tal resultará no seguinte atalho: Visite Naruto Portugal!

Código:

Para mostrar a URL basta fazer da seguinte forma:
[url]http://www.naruto-portugal/[/url]

• Tal resultará no seguinte atalho: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Código:

O phpBB tem um recurso extra chamado Links Mágicos que criam automaticamente a URL correta num atalho, sem necessidade de incluir a tag e sem especificar o endereço.

Por exemplo, se digitar [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] dentro da mensagem.

É criado automaticamente um atalho para [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Estas alterações produzem-se ao visualizar a mensagem.

Código:

Para inserir um atalho para um endereço de email pode fazer da seguinte forma:
[email]email@servidor.pt[/email]

• Tal resultará no seguinte atalho: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Código:

 Pode simplesmente escrever [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] para que após o envio da mensagem seja convertido automaticamente em atalho.

• Como com todas as outras, pode juntar duas ou mais tags e formar algo como:

Código:

[img][/img](veja o próximo exemplo)[b][/b], etc.

Tal como nas tags de formatação de texto certifique-se que estão correctamente organizadas:

Código:

[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/url][/img]

Isto não está correto e a sua mensagem corre o risco de ser apagada.

Exibir imagens nas suas mensagens

Anexar uma imagem à mensagem

O phpBB BBCode usa uma tag que permite adicionar imagens nas suas mensagens. Há, no entanto que considerar que este uso pode não ser apreciado. O uso de imagens aumenta os tempos de espera e o consumo de tráfego da ligação. Outro facto a ter em conta que é o endereço da imagem que pode ficar indisponível.

Código:

Para exibir uma imagem na mensagem coloque o endereço da mesma dentro da tag [img][/img].

Por exemplo:
[img]http://i41.tinypic.com/16jhm6b.png[/img]

• Terá como resultado: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:

Para associar um atalho à imagem use a tag [url][/url].

Por exemplo:
[url=http://www.naruto-portugal.forumeiro.com/][img]http://i41.tinypic.com/16jhm6b.png[/img][/url]

• Obterá a mesma imagem. No entanto se clicar nela será direccionado para o atalho introduzido: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Posicionamento do texto

Existem quatro possibilidades de posicionamento:

Alinhamento à esquerda:

Código:

[left]Frase alinhada à esquerda[/left]

• Resultado:
  
  Frase alinhada à esquerda

Alinhamento à direita:

Código:

[right]Frase alinhada à direita[/right]

• Resultado:
  
  Frase alinhada à direita

Centro:

Código:

[center]Frase centrada[/center]

• Resultado:
  
  Frase centrada

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.

Inserir multimédia nas mensagens

Adicionar uma animação flash à uma mensagem

Existem dois métodos para inserir-mos uma animação em flash nas mensagens.

Código:

Primeiro método com o BBcode flash:

[flash(180,220)]http://fc05.deviantart.com/fs29/f/2008/139/8/8/Naruto_Kakashi_Flash_Clock3_by_sd0711.swf[/flash]

• Resultado: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Código:

Segundo método BBcode embed-flash :

[embed-flash(180,220)]http://fc05.deviantart.com/fs29/f/2008/139/8/8/Naruto_Kakashi_Flash_Clock3_by_sd0711.swf[/embed-flash]

• Resultado: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Não esqueça de colocar a largura e a altura da animação flash entre os parênteses da tag BBcode utilizada.

Adicionar uma animação flash à uma mensagem

É possível colocar vídeos nas mensagens da devida maneira.

• Para os vídeos copie o código que se encontra no campo Embed e coloque assim assim:

Código:

[youtube]code - Embed[/youtube]

• Para os vídeos, precisa de copiar o código localizado no campo Lecteur portable e coloque assim assim :

Código:

[dailymotion]code - lecteur portable[/dailymotion]

Não se esqueça de copiar o código entre as duas tags BBCode correspondentes ao host que escolheu.

Criação de tabelas

Criar uma tabela em numa mensagem

Com o BBCode é possível inserir tabelas numa mensagem, é como as tags utilizadas em HTML. Para criar uma tabela, começa-se por definir uma "tabela" e de seguida insere-se uma linha 'tr'. Esta linha pode conter uma 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, 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 - Célula 1	Linha 1 - Coluna 2	Linha 1 - Coluna 3
  Linha 2 - Coluna 1	Linha 2 - Coluna 2	Linha 2 - Coluna 3

É possível ainda adicionar argumentos nos BBCode 'table'. Estes são iguais aos utilizados para HTML. Podemos por exemplo adicionar um contorno à tabela acima graças à tag '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:

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

Ainda existem outros atributos disponíveis como: cellspacing, cellpadding, width, etc.

As tabelas devem ser manipuladas com atenção, respeitem a abertura e o fecho das tags BBCode. Um simples erro de abertura ou de fecho pode afectar a tabela.

Deslizamento de uma mensagem

Realizar um deslizamento na horizontal

Pode-se fazer um deslizamento na horizontal, para tal deve utilizar o seguinte BBCode :

Código:

[scroll]Naruto Portugal[/scroll]

• Resultado: Naruto Portugal

Realizar um deslizamento na vertical

A outra maneira de deslizamento num texto é devido ao seguinte BBCode :

Código:

[updown]Naruto Portugal[/updown]

• Resultado: Naruto Portugal

BBcodes de aparência

Se quiser inserir linhas nas suas mensagens deve utilizar o seguinte BBCode :

Código:

Naruto Portugal[hr]Itachi Portugal

• Resultado:
  Naruto Portugal

  ---

  Itachi Portugal

Se no texto quiser colocar um í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_a+b

Segundo método, para adicionar um 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) na sua mensagem:

Código:

[fliph]Efeito espelho horizontal[/fliph]

• Resultado: Efeito espelho horizontal 

Se quiser um efeito desfocado na sua mensagem, 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

Diversos BBcodes

Se deseja obter um número aleatório de acordo com um intervalo, podes 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) :

  64

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

Código:

[rand]50[/rand]

• Resultado:

  Quantidade aleatória (1,50) :

  31