BBCodes - Formate seu tópico

O BBCode é a abreviação de Bulletin Board Code.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 ] , 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 .



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



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 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 utilizei nesta ajuda para exemplificar todos os bbcodes que você pode utilizar.

Spoiler

•O spoiler serve para esconder certa seção do seu tópico, comentário ou imagem.

É obtido através do código:

Código:

[spoiler] Conteúdo a ser escondido [/spoiler]

Resultado:

Spoiler:

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:

[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

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 masterexp.forumeiro.com deve usar : [url=][Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Isso vai dar o link como segue: [url=][Tens de ter uma conta e sessão iniciada para poderes visualizar este link] 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 :

Código:

 [url]http://masterexp.forumeiro.com/[/url]

Isso vai dar o link que segue, [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


•Para adicionar um nome ao link basta usar o seguinte código

Código:

[url=Link do site]Nome que deseja colocar[/url]

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



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://i42.tinypic.com/1zf7ri8.jpg[/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://masterexp.forumeiro.com][img]http://i42.tinypic.com/1zf7ri8.jpg[/img][/url]

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



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:
•Alinhamento à direita :

Código:

[right]Frase alinhada à direita[/right]

Resultado:


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.



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.



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.



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


Bom, estes são todos os bbcodes existentes em nosso fórum.
Usem e abusem deles para formatarem seus tópicos e deixarem chamativos e bonitos.

Fonte: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
``Thoth~.

Nossa Ótimo Tópico .. Thoth .Surprendente .. Continue assim .. (:[b]

Ótimo tópico, bem completo e explicativo. Senhor Silva wins
Tem algumas coisas aí que eu não sabia, como as mensagens que se movem.

Abraços.

De fato há vários bbcodes que poucos conhecem e que ajudam bastante a deixar o tópico chamativo e bonito.
Acredito que esse tópico sane todas as dúvidas acerca dos bbcodes.