BBCodes quase todos e suas explicações!

Introdução

Para ajudalo na busca precione Crlt+F




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 .


Se você quiser que quem esteja lendo, leja seu nome ( por exemplo o usuario x crio o tópic e o usuario y vai ler e o usuario y vai ler la o seu nome ) o Código é esse { USERNAME }

Ex :
Convidado
Formatação do texto:

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

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

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]

Citação e texto em fonte única

Citação nas respostas

•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:

Senhor Silva escreveu:qui deverá ser digitado o texto escrito pelo senhor Silva

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

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.

Criação de listas

Criar uma lista não-ordenada:

ma 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:

[list][*]Vermelho[*]Azul[*]Amarelo[/list]

Resultado:

• Vermelho
• Azul
• Amarelo

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:

1. Ir ao Shopping
2. Comprar um novo computador
3. 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:

1. A primeira resposta possível
2. A segunda resposta possível
3. A terceira resposta possível

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 : Visite forumeiros.com ! 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 : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Isso vai dar o link que segue, [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


•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 [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Por exemplo, digitando [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] em sua mensagem, esta será automaticamente convertida para [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] quando você ler. A mesma coisa acontece para os emails, você pode escrever um endereço eletrônico explicitamente, por exemplo : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] que dará [Tens de ter uma conta e sessão iniciada para poderes visualizar este link], ou seja, digitando [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] em sua mensagem, ele será automaticamente convertido quando você o ler.

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 [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
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=http://www.forumactif.com/][img]http://i28.servimg.com/u/f28/11/65/59/72/forume10.png[/img][/url]

Resultado:

Posicionamento do texto

Quatro possibilidades de posicionamento são propostos :

•Alinhamento à esquerda :

Código:

[left]Frase alinhada à esquerda[/left]

Resultado:
•Centro :

Código:

[center]Frase centrada[/center]

Resultado:[center]Frase centrada

•Alinhamento à direita :

Código:

[right]Frase alinhada à direita[/right]

Resultado:
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.

•Premeiro método com o BBcode flash:

Código:

[flash(200,40)]http://illiweb.com/fa/i/forumeiros.swf[/flash]

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

•Segundo método BBcode embed-flash :

Código:

[embed-flash(200,40)]http://illiweb.com/fa/i/forumeiros.swf[/embed-flash]

Não esqueça de colocar a largura e a altura da animação flash entre os parenteses da balisa BBcode utilisada.

Adicionar um vídeo à uma mensagem

Você pode colocar vídeos em suas mensagens.

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

Código:

[youtube]code - Embed[/youtube]

•Para os vídeos Dailymotion, 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.

Criação de tabelas

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 - Célula 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:

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

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.

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:Minha mensagem

Desfilar uma mensagem verticalmente

A segunda maneira de desfilar um texto é verticalmente graças ao seguinte BBcode :

Código:

[updown]Minha mensagem[/updown]

Resultado : Minha mensagem