Tutorial BBcode
INTRODUÇÃO
O que é BBCode?
BBCode é uma implementação especial de HTML, uma variação por assim dizer. BBCode é similar em estilo ao HTML, as tags são incluídas em colchetes [e] em vez de símbolos matemáticos representantes de maior e menor < e > proporcionando um maior controle sobre o que mostrar e como mostrar. A tarefa de adicionar BBCode às suas mensagen é facilitada pelo uso de um painel colocado imediatamente acima à caixa principal das mensagens, que modifica automaticamente a cor, centraliza o texto, deixa em negrito, etc.
Formatos de Texto
Como criar texto em negrito, itálico e sublinhado
O BBCode inclui tags que lhe permitem mudar rapidamente o estilo básico do texto. Isto é possível das seguintes formas:
Para tornar uma parte do texto em negrito incluí-la entre[b*][/b] , ou seja, [b ]Olá[ /b] passará a ser
OláPara sublinhar use . Por exemplo: [u*]Bom Dia[/u] passa a ser
Bom DiaPara tornar o texo itálico use [i*][/i], ou seja, Isto é [i*]Ótimo![/i] resulta em: Isto é
Ótimo!Como mudar a cor ou o tamanho do textoA mudança da cor do texto é feita englobando-o em
. Tanto pode especificar o nome de uma cor conhecida (terá que ser em ingês, por exemplo: red, blue, yellow, etc.) ou especificando o seu valor hexadecimal, ou seja, #FFFFFF para branco ou #000000 para preto. Por exemplo, para criar
texto em vermelho poderá usar:
[*color=red]Olá![/color]
ou
[*color=#FF0000]Olá![/color]
Ambos resultarão em
Olá!A mudança do tamanho do texto pode ser feita de uma forma similar, usando [*size=][/size]. Esta tag é mais simples, basta colocar o numero de pixels que você quer em 1 (tão pequeno que praticamente não se vê) até 29 (enorme). Exemplo:
[*size=1]PEQUENO[/size]
Normalmente surge como
PEQUENOE
[*size=24]ENORME![/size]
Será
ENORME!Posso combinar tags de formato?Sim, claro que pode. Por exemplo, para cativar a atenção de alguém poderá escrever:
[*size=18][*color=red][*b]OLHE PARA MIM![/b][/color][/size]
que irá aparecer como
OLHE PARA MIM!No entanto, não é recomendado o uso de muito texto da forma que acabamos de descrever. Lembre-se de que depende do autor da mensagem assegurar
que os códigos sejam colocados corretamente. Por exemplo, isto está incorrecto:
[u ]errado[/b ][/u]
Citar e produzir texto de largura fixa
Citar texto em respostasHá duas formas de reproduzir texto previamente feito (normalmente uma réplica de uma mensagem anterior), com ou sem referência.
Quando utiliza a função Citar para responder a uma mensagem no fórum, note que o texto dessa mensagem é adicionado ao corpo da messagem incluído num "bloco"
[quote*=""][/quote]. Este método permite-lhe citar com uma referência a uma pessoa ou o que você decidir colocar. Por exemplo, para citar uma parte do texto que o Joãozinho escreveu, você escreverá:
[quote*="Sr. Silva"]*O texto que o Sr. Silva escreveu irá aqui*[/quote]
No resultado será adicionado automaticamente, Sr. Silva escreveu: antes do texto citado. Note que você tem que incluir aspas "" em volta do nome citado.
O segundo método permite-lhe citar algo sem referência a alguém ou algo. Para fazê-lo englobe o texto em tags [ b][quote*][/quote]. Quando verificar a mensagem verá que simplesmente surge "quote" antes do texto.
Produzir código ou texto com uma largura fixaCaso pretenda reproduzir uma porção de código ou de fato algo que requeira uma largura fixa, como por exemplo:
[code*] "Isto é algum código";[/code]
O formato usado entre as tags [code*][/code] é preservado quando posteriormente o verificar.
Gerar listas
Criar uma lista sem ordem específicaO BBCode aceita dois tipos de listas, sem ordem e ordenada. São basicamente o mesmo que em HTML. Uma lista sem ordem produz cada item de uma forma seqüencial, um seguido ao outro, precedendo-o com um caracter. Para criar uma lista não-ordenada use [list*][/list] e coloque cada item entre essas tags, usando [*] antes de cada um. Por exemplo, para listar as suas cores favoritas, escreva:
[list*]
[*]Vermelho
[*]Azul
[*]Amarelo
[/list]
Isto irá aparecer como:
Criar uma lista ordenada
O segundo tipo de listas, a ordenada, proporciona-lhe controle do que vai aparecer antes de cada item. Para criar uma lista ordenada você usará de forma a criar uma lista numérica ou, para uma lista alfabética. Da mesma forma que para o tipo de lista sem ordem os itens são precedidos de [*]. Por exemplo:
[*list=1]
[*]Ir às compras
[*]Comprar um computador novo
[*]bater no computador quando ele trava
[/list]
Produzirá o seguinte:
- Ir às compras
- Comprar um computador novo
- Insultar o computador quando trava
Enquanto que para uma lista alfabética você usará:[*list=a]
[*]A primeira resposta
[*]A segunda resposta
[*]A terceira resposta
[/list]
Resultando em:
- A primeira resposta
- A segunda resposta
- A terceira resposta
Link ou URL
Para adicionar um link a um texto, basta escrever [url=LINK DO SITE][/url]. Por exemplo:
[*url=https://ropiece.forumeiros.com/portal]ROP[/url]
Ficará assim:
ROPImagem
Para adicionar uma imagem anexada a um link é só colocar a tag [img*], que será a imagem do Link, na frente da tag [*url=], que terá a pagina a ser redirecionada pela imagem. Por exemplo:
[*url=http://www.animevice.com/onepiece452_04/83-240719/][*img]http://media.animevice.com/uploads/0/4479/240719-onepiece452_04_large.png[/img][/url]
Será: