Guia do BBcode
Introdução
- O que é 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 .
Ir para o topo
Formatação do texto
- Criar um texto em negrito, itálico, sublinhado ou riscado
- 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
- Ir para o topo
- Modificar o tamanho, a cor ou a fonte do texto
- 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
- Ir para o topo
- Posso combinar as balisas na formatação ?
- 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]
para ter :OLHA PRA MIM !
Porém, nós não aconselhamos escrever muito texto como aqui acima ! Lembre-se de que é você o responsável em garantir a boa abertura e fechamento das balisas. Por exemplo, isso é correto: - Código:
[b][u]Isto é normal[/b][/u]
A forma que melhor convém é : - Código:
[b][u]isso é correto[/u][/b]
- Ir para o topo
Citação e texto em fonte única
- Citação nas respostas
- 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
- Ir para o topo
- Código ou fonte única
- 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]
Resultado : - Código:
echo "Isto é um código";
É exatamente o que nós utilizamos nesta ajuda para exemplificar todos os bbcodes que você pode utilizar. - Ir para o topo
Criação de listas
- Criar uma lista não-ordenada
- 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 :
- Ir para o topo
- Criar uma lista ordenada
- 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 : - Ir ao Shopping
- Comprar um novo computador
- 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 : - A primeira resposta possível
- A segunda resposta possível
- A terceira resposta possível
- Ir para o topo
Criação de links
- Criar um link para outro site
- 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.
- Ir para o topo
Visualizar imagens nas mensagens
- Adicionar uma imagem à sua mensagem
- 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]
Resultado :
.
Você pode colocar uma imagem em um link se você quiser (cabe a você de garantir a ordem de abertura e fechamento das balilsas), por exemplo:
- Código:
[url=https://www.forumactif.com/][img]http://i28.servimg.com/u/f28/11/65/59/72/forume10.png[/img][/url]
Resultado :
[url=https://www.forumactif.com/][/url] - Ir para o topo
- Posicionamento do texto
- 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.
- Ir para o topo
Inserir mídias nas mensagens
- Adicionar uma animação flash à uma mensagem
- Você tem à sua disposição dois métodos para inserir uma animação em flash em suas mensagens.Não esqueça de colocar a largura e a altura da animação flash entre os parenteses da balisa BBcode utilisada.
- Ir para o topo
- Adicionar um vídeo à uma mensagem
- 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]
Não esqueça de copiar o cógido entre as duas balisas BBCode correspondentes ao hospedador que você escolheu. - Ir para o topo
Criação de tabelas
- Criar uma tabela em uma mensagem
- 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.
As tabelas devem ser manipuladas com atenção, queira respeitar a abertura e o fechamento das balisas BBCode. Um simples erro de abertura ou fechamento pode afetar os resultados esperados. - Ir para o topo
Desfilamento de uma mensagem
- Realizar um desfilamento horizontal
- Se você quiser fazer um desfilamento horizontal, você deve utilizar o seguinte BBCode :
- Código:
[scroll]Minha mensagem[/scroll]
Resultado : - Ir para o topo
- Desfilar uma mensagem verticalmente
- A segunda maneira de desfilar um texto é verticalmente graças ao seguinte BBcode :
- Código:
[updown]Minha mensagem[/updown]
Resultado : - Ir para o topo
BBcodes de aparência
- Inserir uma linha
- Se você desejar inserir linhas em suas mensagens, você pode utilizar o BBcode :
- Código:
Minha primeira mensagem[hr]Minha segunda mensagem
Resultado :
Minha primeira mensagemMinha segunda mensagem
- Ir para o topo
- Colocar um índice ou um expoente
- 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
- Ir para o topo
- BBcodes de efeitos
- 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
- Ir para o topo
Diversos BBcodes
- Obter um número aleatório
- 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) : 74
- Segundo caso de uso, o intervalo é especificado ao máximo :
- Código:
[rand]50[/rand]
Resultado: - Quantidade aleatória (1,50) : 29
- Ir para o topo