Guia BBCode
Introdução
- O que significa BBCode?
- O BBCode é uma implementação especial do HTML. A possibilidade de usar o BBCode nas mensagens é definida pelo Administrador do Fórum. O Utilizador pode desativar o BBCode individualmente em cada mensagem. O BBCode por si mesmo é identico em estilo ao HTML, as etiquetas (tags) são inseridas dentro de parênteses retos "[" e "]" ao contrário de "<" e ">", facilitando a formatação dos textos. A tarefa de adicionar BBCode às mensagens é facilitada pelo uso de um Painel colocado imediatamente acima da caixa principal das mensagens, dependendo do estilo em uso, onde pode escolher os BBCode que pretende usar.
Apesar da existência desse Painel, leia cuidadosamente este guia.
- Topo
Formatar o texto
- Formatar o texto: Negrito, Sublinhado e Itálico.
O BBCode tem tags que permitem fazê-lo rápida e facilmente:
- Para criar texto a negrito use a tag [b][/b].
O exemplo seguinte: Hoje, vai estar um [b]bom dia[/b].
Terá este resultado: Hoje, vai estar um bom dia
- Para criar texto sublinhado use a tag [u][/u].
O exemplo seguinte: Hoje, vai estar um [u]bom dia[/u]
Terá este resultado: Hoje, vai estar um bom dia
- Para criar texto a itálico use a tag [i][/i]
O exemplo seguinte: Hoje, vai estar um [i]bom dia[/i]
Terá este resultado: Hoje, vai estar um bom dia
- Topo
- Modificar a cor e o tamanho do texto
Para alterar a cor ou o tamanho do texto deverá utilizar as tags da seguinte forma:
- Para modificar a cor do texto use a tag [color=][/color].
Depois do = use o nome inglês (red, blue, yellow, etc.) ou o valor hexadecimal (#FFFFFF, #000000, etc.).
Para criar texto a vermelho use a tag [color=red][/color] ou [color=#FF0000][/color]
O exemplo seguinte: Hoje, vai estar um [color=red]bom dia[/color] ou: [color=#FF0000]bom dia[/color]
Terá este resultado: Hoje, vai estar um bom dia
- Para modificar o tamanho do texto use 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: Hoje, vai estar um [size=9]bom dia[/size]
Terá este resultado: Hoje, vai estar um bom dia
O exemplo seguinte: Hoje, vai estar um [size=24]bom dia[/size]
Terá este resultado: Hoje, vai estar um bom dia
Os resultados destas formatações dependem do navegador e do sistema do Utilizador, podendo apresentar ligeiras variações.
- Topo
- Posso juntar tags?
Sim, as tags podem ser usadas individualmente ou em conjunto.
- Para alterar o tamanho, a cor e colocar o texto a negrito use as tags [size=][color=][b][/b][/color][/size]
O exemplo seguinte: Hoje, vai estar um [size=18][color=red][b]bom dia[/b][/color][/size]
Terá este resultado: Hoje, vai estar um bom dia
Verifique sempre se as tags estão fechadas e corretamente organizadas, evitando assim resultados desastrosos.
- Um exemplo de como não deve organizar as tags:
[b][u][/b][/u]
- As mesmas tags organizadas corretamente:
[b][u][/u][/b]
- Topo
Citar um texto completo ou apenas uma parte
- Fazer uma citação nas suas respostas
Quando faz uma citação o texto é colocado dentro de uma moldura. Há duas formas de fazer uma citação. Fazendo referência ao autor ou sem referenciar o autor.
- Para fazer uma citação referindo o autor use as tags: [quote="Autor"][/quote]
Para citar parcialmente um texto do Sr. Blobby use a tag da seguinte forma:
[quote="Sr. Blobby"]O texto do Sr. Blobby que queremos citar deverá estar aqui.[/quote]
Desta forma é adicionado automaticamente "Sr. Blobby escreveu" antes do texto.
Deve obrigatoriamente incluir as aspas "" em volta do nome que está a citar.
- Para fazer uma citação não referindo o autor use as tags: [quote][/quote]
Para citar parcialmente um texto sem referência ao autor use a tag da seguinte forma:
[quote]O texto sem autor que queremos citar deverá estar aqui.[/quote]
Quando o faz aparece unicamente um símbolo de Citação antes do texto.
- Topo
- Deixar o texto completo em forma de código ou apenas uma parte
- Para deixar o texto todo ou parte dele em formato de código deve usar as [code][/code] tags.
Por exemplo:
[code]echo "Isto é algum código";[/code]
Todo texto dentro das tags [code][/code] pode ser modificado ou eliminado.
- Topo
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 sequencia.
Para criar uma lista não ordenada deve usar [list][/list] e definir cada marcador dentro da lista usando [*].
Por exemplo, para as suas cores favoritas poderia fazer da seguinte forma:
[list]
[*]Vermelho
[*]Azul
[*]Amarelo
[/list]
sendo criada a seguinte lista:
- Topo
- Criar uma lista ordenada
- O segundo tipo de lista é uma lista ordenada onde pode controlar o que é exibido antes de cada item.
Para criar listas ordenadas use [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]
[*]Vá às lojas
[*]Compre um novo computador
[*]Compre com garantia e mande para o conserto se estragar
[/list]
sendo criada a seguinte lista:- Vá às lojas
- Compre um novo computador
- Compre com garantia e mande para o conserto se estragar
Para uma lista alfabética proceda da seguinte forma:
[list=a]
[*]A primeira possível resposta
[*]A segunda possível resposta
[*]A terceira possível resposta
[/list]
sendo criada a seguinte lista:- A primeira possível resposta
- A segunda possível resposta
- A terceira possível resposta
- Topo
- A criar uma lista Ordenada
- O segundo tipo de lista dá-lhe uma lista ordenada, permite-lhe o controle de saída antes de cada item. Para criar uma lista ordenada use [list=1][/list] para criar uma lista ordenada ou em alternativa [list=a][/list] para uma lista alfanumérica. Tal como uma lista não ordenada os items são especificados como [*]. Por exemplo:
[list=1]
[*]Ir às compras
[*]Comprar um computador novo
[*]Insultar o computador quando ele avaria
[/list]
criará o seguinte:- Ir às compras
- Comprar um computador novo
- Insultar o computador quando ele avaria
Onde exista para uma lista alfabética poderá usar:
[list=a]
[*]A primeira resposta possível
[*]A segunda resposta possível
[*]A terceira resposta possível
[/list]
obtendo- A primeira resposta possível
- A segunda resposta possível
- A terceira resposta possível
- Topo
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.
- 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 phpBB.com deve fazê-lo da seguinte forma:
[url=http://www.phpbb.com/]Visite o phpBB![/url]
Tal resultará no seguinte atalho: Visite o phpBB!
- Para mostrar a URL basta fazer da seguinte forma:
[url]http://www.phpbb.com/[/url]
Tal resultará no seguinte atalho: http://www.phpbb.com/
- 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 www.phpbb.com dentro da mensagem é criado automaticamente um atalho para www.phpbb.com.
Estas alterações produzem-se ao visualizar a mensagem.
- 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: email@servidor.pt
Pode simplesmente escrever email@servidor.pt 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:
[img][/img](veja o próximo exemplo)[b][/b], etc.
Tal como nas tags de formatação de texto certifique-se que estão corretamente organizadas:
[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.
- Topo
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 fato a ter em conta que é o endereço da imagem que pode ficar indisponível.
- Para exibir uma imagem na mensagem coloque o endereço da mesma dentro da tag [img][/img].
Por exemplo:
[img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]
Terá como resultado:
- Para associar um atalho à imagem use a tag [url][/url].
Por exemplo:
[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]
Obterá a mesma imagem. No entanto se clicar nela será direcionado para o atalho introduzido:
- Topo
- Anexar ficheiros na mensagem
- Esta tag pode ser inserida em qualquer local da mensagem utilizando o [attachment=][/attachment], este o recurso tiver sido ativado pelo Administrador do Fórum e tiver permissão para anexar ficheiros. Neste caso pode anexar ficheiros nas mensagens. Dentro do menu de mensagens terá um bloco para anexar um ou mais ficheiros.
- Topo
Outras matérias
- Posso criar as minhas próprias tags?
- Se é Administrador ou tem as Permissões adequadas, pode adicionar BBCodes no Painel de Administração.
- Topo