.: Bem-vindo ao Capniro :.

Data/Hora: 06 Set 2010 10:36


Guia BBCode
Introducção
O que significa BBCode?

Formatar o texto
Formatar o texto em itálico, sublinhado ou negrito
Modificar a cor e o tamanho do texto
Posso juntar tags?

Citar um texto completo ou apenas uma parte
Citar o texto nas suas respostas
Deixar o texto completo em forma de código ou apenas uma parte

Criar listas
Criar uma lista não ordenada
Criar uma lista ordenada

Criar atalhos
Criar um atalho para outro site

Exibir imagens nas suas mensagens
Anexar uma imagem à mensagem
Anexar ficheiros na mensagem

Outras matérias
Posso criar as minhas próprias tags?

 

Introducção

» O que significa BBCode?
O BBCode é uma implementação especial do HTML. A possibilidade de se usar BBCode nas mensagens é determinada pelo Administrador do Fórum. Poderá desativar o BBCode individualmente em cada mensagem. O BBCode por si mesmo é similar em estilo ao HTML, as etiquetas (tags) são incluídas em colchetes "[ e ]" ao invés de <exemplo>, proporcionando uma maior facilidade na formatação de seus textos e mensagens dentro do fórum. A tarefa de adicionar BBCode às suas mensagens é facilitada pelo uso de um painel colocado imediatamente acima da caixa principal das mensagens, dependendo do modelo do phpBB em uso, onde pode escolher e aplicar os vários itens para o código que pretenda aplicar. Apesar da existência desse painel, certifique-se que este guia lhe é muito útil.

Topo


Formatar o texto

» Formatar o texto em itálico, sublinhado ou negrito
O BBCode tem tags que permitem fazê-lo rápida e facilmente da seguinte forma:

  • Para deixar o texto a negrito deve utilizar 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 deixar o texto sublinhado utilize 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 deixar o texto em itálico utilize 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 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 [color=red][/color]

    O exemplo seguinte:

    Hoje, vai estar um [color=red]bom dia[/color]
    ou:
    Hoje, vai estar um [color=#FF0000]bom dia[/color]

    Terá sempre o mesmo resultado: Hoje, vai estar um bom dia

  • 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:
    Hoje, vai estar um [size=9]bom dia[/size]

    Terá normalmente este resultado:
    Hoje, vai estar um bom dia

    ou então:

    Hoje, vai estar um [size=24]bom dia[/size]

    Terá normalmente 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?
No exemplo seguinte juntamos as tags de cor e tamanho do texto.

[size=18][color=red][b]Olha para mim![/b][/color][/size]

O resultado será: Olha para mim!

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

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

Topo


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.

  • 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 Sr. Blobby poderia fazê-lo da seguinte forma:

    [quote="Sr. Blobby"]O texto que o Sr. Blobby escreveu poderia vir 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.

  • O segundo método permite uma citação sem referênciar 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.

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:

  • Vermelho
  • Azul
  • Amarelo

Topo

» Criar uma lista ordenada
O segundo tipo de lista é uma lista ordenada onde se 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:
  1. Vá às lojas
  2. Compre um novo computador
  3. 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:
  1. A primeira possível resposta
  2. A segunda possível resposta
  3. A terceira possível resposta

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 correctamente 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 facto 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á direccionado 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 activado pelo Administrador do Fórum e tiver permissão para anexar ficheiros. Neste caso pode anexar ficheiros nas mensagens. Dentro do menú 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



    Ir para:  
    Copyright © 2009 Capniro na Web