Tutorial BBCode

por Bikke Sáb 12 Jan 2008 - 11:07

Introdução

O que é BBCode?
BBCode é uma implementação especial de HTML. A possibilidade em poder usar BBCode nas suas mensagens é determinada pelo Administrador dos fóruns. Adicionalmente, você pode poderá desligar o BBCode em cada mensagem assinalando Desactivar BBCode nesta mensagem abaixo da caixa principal de cada mensagem. BBCode por si mesmo é similar em estilo ao HTML, as etiquetas (tags) são incluidas em parêntesis rectos [ and ] em vez de < e > proporcionando um maior controle do que haja a fazer bem como da sua apresentação. A tarefa de adicionar BBCode às suas mensagen é facilitada pelo uso de um painel colocado imediatamente acima à caixa principal das mensagens, dependendo do modelo de phpBB em uso, onde pode escolher e aplicar os vários itens consoante o código que pretenda aplicar. Apesar da existência desse painel decerto que este guia irá ser-lhe útil.

Formatos de Texto

1. Pôr a palavra "Universal Forum" a negrito:
[b*]Universal Forum[/b*]

Resultado: Universal Forum

2. Sublinhar a palavra "Universal":
[u*]Universal[/u*]

Resultado: Universal

3. Escrever "Universal Forum" em itálico:
[*i]Universal Forum[/i*]

Resultado: Universal Forum

4. Escrever "Universal" a vermelho:
[*color=red]Universal[*/color]

Resultado: Universal

5. Escrever "Universal" com tamanho de letra 24
[size=24*]Universal[/size*]

Resultado: Universal

6. Centrar a palavra "Thread" na mensagem:
[center*]Thread[*/center]

Resultado:

Thread

7. Escrever "Portugal" a itálico e com tipo de letra "Impact":
[i*][font=impact*]Portugal[/font*][*/i]

Resultado: Portugal

8. Link direccionado por link exemplo :
[*URL="https://universal.1talk.net/"]Universal Forum[/URL*]

Resultado: Universal Forum

Como ficaria :
[URL="https://universal.1talk.net//"]Universal Forum[/URL]

Resultado: Universal Forum

Cores : http://www.verinha.de/tabela_de_cores_hexadecimais.htm

Tutorial BBCode Bwmg7t.jujpk6.1f8ti4

Para usar uma das cores da tabela façam o seguinte:

[*color=código]Universal Forum[/color*]

onde está código metam o que diz na cor que desejam da tabela

Posso combinar etiquetas de formato?

Sim, claro que pode. Por exemplo, para cativar a atenção de alguém poderá escrever:

[*size=18][*color=blue][*b]ATENÇÃO![/b*][/color*][/size*]

resultado: ATENÇÃO!

Código - Quote

Há 2 tipos de quote:

# Um, onde aparece o nick do autor da mensagem que se quer citar

[*quote][*i]Originally posted by Bikke[/i*]
texto que o Bikke escreveu[/quote*]

Resultado:

Originally posted by Bikke
texto que o Bikke escreveu

# E outro onde apenas aparece citado o texto

[*quote]texto[/quote*]

Resultado:

Texto

*** TIPOS DE LETRA ***
Amaze [*font=Amaze]Amaze[/font*]
Andale Mono [*font=Andale Mono]Andale Mono[/font*]
Arial [*font=Arial]Arial[/font*]
Arial Black [*font=Arial Black]Arial Black[/font*]
Book Antiqua [*font=Book Antiqua]Book Antiqua[/font*]
Century Gothic [*font=Century Gothic]Century Gothic[/font*]
Comic Sans MS [*font=Comic Sans MS]Comic Sans MS[/font*]
Courier New [*font=Courier New]Courier New[/font*]
Georgia [*font=Georgia]Georgia[/font*]
Impact [*font=Impact]Impact[/font*]
Tahoma [*font=Tahoma]Tahoma[/font*]
Times New Roman [*font=Times New Roman]Times New Roman[/font*]
Trebuchet MS [*font=Trebuchet MS]Trebuchet MS[/font*]
Script MT Bold [*font=Script MT Bold]Script MT Bold[/font*]
Stencil [*font=Stencil]Stencil[/font*]
Verdana [*font=Verdana]Verdana[/font*]
Lucida Console [*font=Lucida Console]Lucida Console[/font*]

Para funcionar tirem sempre os *

Introduzir imagens:

2. Introduzir a minha antiga signature num post :

[img*]http://img01.yeuxverts.net/_images_/img01.7/bwmg7t.juibty.1cogfc.png[/img*]
Tutorial BBCode Bwmg7t.juibty.1cogfc

Como devem ter notado na secção do URL acima, pode englobar uma imagem numa etiqueta se assim o desejarem, ou seja,

[*url=https://universal.1talk.net][img*]http://img01.yeuxverts.net/_images_/img01.7/bwmg7t.juibty.1cogfc.png[/img*][/url*]

Criar uma lista ordenada :

O segundo tipo de listas, a ordenada, proporciona-lhe controle do que vá aparecer antes de cada item. Para criar uma lista ordenada você usará [*list=1][/list*] de forma a criar uma lista numérica ou, [*list=a][/list*], 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
[* ]Insultar o computador quando fica bloqueado
[/list*]

produzirá o seguinte:

1. Ir às compras
2. Comprar um computador novo
3. Insultar o computador quando fica bloqueado

Enquanto que para uma lista alfabética você usará:

[*list=a]
[* ]A primeira resposta
[* ]A segunda resposta
[* ]A terceira resposta
[/list*]

Opção quote :

[quote]Como fazer citação:
[*quote]Universal Forum[*/quote]

Resultado: Universal Forum:

Alinhar

Esquerda

CODE
[left*]Universal Forum[/left*]

Resultado:

Universal Forum

Direita

CODE
[right*]Universal Forum[/right*]

Resultado:

Universal Forum

Centro

CODE
[center*]Universal Forum[/center*]

Resultado:

Universal Forum

Tamanho

CODE
[size=20*]Universal Forum

Resultado: Universal Forum

Inserir Videos do Youtube:

1º- Vais ao youtube e copias o link do vídeo.
Exemplo: https://www.youtube.com/v/WoTRoRbQxVc&rel=1

2º- Agora vais usar o código para inserires o vídeo.
Exemplo: [*flash(425,355)]https://www.youtube.com/v/WoTRoRbQxVc&rel=1[/flash*]

[*flash(425,355)]https://www.youtube.com/v/WoTRoRbQxVc&rel=1[/flash*]
tiras os "*" e fica:

Desfilamento Horizontal
[*scroll]Universal Forum[/scroll*]

Resultado: Universal Forum

Desfilamento Vertical
[*updown]Universal Forum[/updown*]

Resultado: Universal Forum

Som nos posts
[*flash(0,0)]http://solidhost.no.sapo.pt/Smackdown.swf[/flash*]

Resultado:

Seg	Ter	Qua	Qui	Sex	Sáb	Dom
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30