[Tutorial] BBCode

Antes de tudo, para você poder usar os TAGs, você precisa verificar se a visualização em HTML está ativada.

1. Na barra de edição do texto, dê olhada no último botão:

Se ele estiver vermelho, significa que você está visualizando o texto bruto, sem os TAGs.

2. Clique nele para que fique normal:

Fazendo isto, você visualizará os TAGs.

---

SPOILER TAG

Pessoal, muita atenção. A partir de agora, vocês devem usar o Spoiler Tag na hora de contar um spoiler.

Usem o código abaixo:

Código:

[spoiler]Naruto gosta de comer ramen.[/spoiler]

O tag fica assim:

Spoiler:

QUOTE TAG

Para aqueles que querem aprender a fazer mais de uma citação em uma só mensagem:

1. Abra, com outra página, a mensagem que você quer escrever. Para isto, mantenha a tecla "SHIFT" do seu teclado pressionada enquanto clicaem "Citar". Repita este passo em cada mensagem que quer citar na sua.

2. Copie o código do "quote" todinho.
Exemplo:

Código:

[quote="Rock-Lee"]como faz para dar um quote de um tópico e postar em outro?
E como faz para dar  quotes de 2 mensagens em um mesmo post?[/quote]

3. Depois disto, basta você inserir o código "quote" lá na mensagem que você quer. Tome cuidado. Outros "quotes" devem ser inseridos após o fim do primeiro, ou então ficarão dentro dele.

Exemplo:

Código:

[quote="Rock-Lee"]como faz para dar um quote de um tópico e postar em outro?
E como faz para dar  quotes de 2 mensagens em um mesmo post?[/quote] [quote="Rock-Lee"]Eu acho que seria uma outra boa idéia criar uma área que sirva para as pessoas criarem as suas próprias histórias sobre Naruto.[/quote]

Ficará assim:

Rock-Lee escreveu:como faz para dar um quote de um tópico e postar em outro?
E como faz para dar quotes de 2 mensagens em um mesmo post?

Rock-Lee escreveu:Eu acho que seria uma outra boa idéia criar uma área que sirva para as pessoas criarem as suas próprias histórias sobre Naruto.

CODE TAG

O Code Tag serve para dar um destaque na sua mensagem e para evitar que os tags inseridos nela sejam convertidos na hora da visualização.

Como assim? Veja o exemplo abaixo:

Você quer mostrar um código para alguém, sem que o que você inserir entre colchetes seja perdido, então use

Código:

[code]INSIRA O TEXTO AQUI[/code]

Desta forma, por exemplo, dá para você mostrar o texto html todo, com todos os tags!

Isso: Olá, como você está?
Será visto assim:

Código:

[b][color=blue][i]Olá, como você está?[/i][/color][/b]

Boa sorte!

IMAGE TAG

Está com dificuldades para inserir uma imagem?

Para inserir uma imagem, clique no botão selecionado na imagem abaixo:


Depois disto, você verá isso:


Agora, você clicará em "Procurar" e escolherá a imagem que querem adicionar. Depois disto, não se esqueça de mudar isto!
Onde está "Resize image" escolha se quer diminuir o tamanho da imagem. Eu prefiro responder com um "NO".
Clique em "Host it" para upá-la.


Você receberá vários códigos para a imagem. Eu prefiro o último, que é o link direto à imagem.


Finalmente, você irá inserir esse link que acabou de copiar dentro do IMAGE TAG:

Código:

[img]http://i32.servimg.com/u/f32/11/85/89/36/naruto10.png[/img]

Para visualizá-la assim:


Espero que tenham entendido. Boa sorte!

TAGS Diversos

TAGs básicos:
1. Para colocar uma parte de seu texto em negrito, use este tag:

Código:

[b]Coloque aqui o que quer ver em negrito.[/b]

Resultado: Coloque aqui o que quer ver em negrito.

2. Para colocar uma parte de seu texto em itálico, use este tag:

Código:

[i]Coloque aqui o que quer ver em itálico.[/i]

Resultado: Coloque aqui o que quer ver em itálico.

3. Se quer sublinhar uma parte de seu texto, este é o tag:

Código:

[u]Insira aqui o que quer ver sublinhado[/u]

Resultado: Insira aqui o que quer ver sublinhado

4. Se quer riscar uma parte de seu texto, utilize este tag:

Código:

[strike]Insira aqui o que você quer ver riscado[/strike]

Resultado: Insira aqui o que você quer ver riscado

5. Inserindo uma linha:

Código:

Naruto é o meu personagem favorito.[hr]Qual é o seu personagem favorito?

Resultado: Naruto é o meu personagem favorito.

---

Qual é o seu personagem favorito?

Alinhamento do texto.
Você tem quatro opções para alinhar seu texto:
1. Se quer vê-lo justificado, utilize este tag:

Código:

[justify]SEU TEXTO AQUI[/justify]

2. Se quer vê-lo centralizado, utilize este tag:

Código:

[center]SEU TEXTO AQUI[/center]

3. Se quer alinhá-lo para a esquerda, este é o tag:

Código:

[left]SEU TEXTO AQUI[/left]

4. Se quer alinhá-lo para a direita, use este tag:

Código:

[right]SEU TEXTO AQUI[/right]

Mudando o tamanho de seu texto:
Existe um tag especial para você mudar o tamanho da sua fonte.
Chama-se "Size".

Código:

[size=x]Insira seu texto aqui.[/size]

No lugar do 'x', coloque o tamanho que você deseja. Veja os exemplos:
1. Tamanho 5: Insira seu texto aqui.
2. Tamanho 8: Insira seu texto aqui.
3. Tamanho 10: Insira seu texto aqui.
4. Tamanho 12: Insira seu texto aqui.
5. Tamanho 15: Insira seu texto aqui.
6. Tamanho 20: Insira seu texto aqui.

Mudando a cor de seu texto:
Para alterar a cor de seu texto, você usará o TAG "color".

Código:

[color=x]Insira seu texto aqui[/color]

No lugar de 'x', coloque a cor que você deseja, em inglês. Veja os exemplos:
1. Azul:

Código:

[color=blue]Insira seu texto aqui[/color]

Resultado: Insira seu texto aqui

2. Vermelho:

Código:

[color=red]Insira seu texto aqui[/color]

Resultado: Insira seu texto aqui

3. Verde:

Código:

[color=green]Insira seu texto aqui[/color]

Resultado: Insira seu texto aqui

4. Amarelo:

Código:

[color=yellow]Insira seu texto aqui[/color]

Resultado: Insira seu texto aqui

Criando uma lista
1. Para criar uma lista não-ordenada, utilize:

Código:

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

Resultado:

• Vermelho
• Azul
• Amarelo

2. Existem dois tipos de listas ordenadas:
2.1. Para criar uma lista enumerada, utilize:

Código:

[list=1][*]Ir ao Shopping[*]Comprar um novo computador[*]Tomar banho[/list]

Resultado:

1. Ir ao Shopping
2. Comprar um novo computador
3. Tomar banho

2.2. Para criar uma lista alfabética, utilize:

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

Código:

[center][b][i][u][size=15][strike][color=blue]O céu está claro.[/color][/strike][/size][/u][/i][/b][/center]

Resultado:

---