Como usar BBcode

Quem nunca ficou em duvida de como usar o BBcode, com aquele monte de letras que te deixam todo confuso. Hoje vim mostrar como usar o BBcode e as tags que podemos utilizar para deixar o perfil ou sua mensagem no fórum mais lindos.

Primeiro vamos saber o que é tag.

Tag são tipos de palavras chaves que que ficam entre [ ], quando o navegador lê essas tags, ela se transforma no que ela indica.

Confuso? Um exemplo pratico:

Se quero que meu texto fique em negrito, então antes de começar a escrever o que eu quero que fique em negrito, uso a tag [b] :

[b] Olá Pessoas!

e fecho a tag para indicar que não quero mais texto em negrito.

Para fechar você repete a tag, só que com a / antes da palavra:

[b] Olá Pessoas! [/b]

Essas tags não vão aparecer no seu perfil, pois o navegador irá ler e transforma-la em texto.

Olá Pessoas!

Entendeu? Então vamos continuar! 

Não se esqueça! A primeira tag que você abre é a última que você fecha.

[center][b][i] Olá pessoas! [/i][/b][/center]

Agora que você já sabe como utilizá-las, vamos ver oque podemos fazer com essas tags.

Nota: Atributos das tags que não estiverem em negrito é de sua opção.

Nós podemos mudar a cor do texto utilizando a tag [color] e escolhendo uma cor.

Para escolher a cor, você pode digitar o nome da cor em inglês ou pegar o código HTML da cor, que seria aqueles seis dígitos depois da #.

[color=#9370DB] Olá Pessoas! [/color][color=MediumPurple] Olá Pessoas! [/color]

Vou deixar aqui um site com os códigos e os nome das cores

Tabela de Cores

*Muitas vezes usar o nome da cor em inglês não funciona, por isso prefira usar o código.*

Se você quiser um texto em degradê ou até em arco-iris , vá neste site:

BBcode & HTML Text Color

Esse site cria o código para colocar direto no perfil. Se quiser mais informações para usa-lo vá neste post.

Dica: Não coloque cores muito claras ou brilhantes que incomodem a vista, pois ficará difícil de ler  e cansativo.

►Para texto em negrito:  [b] [/b]

►Pata texto itálico:  [i]  [/i]

►Para texto sublinhado:  [u] [/u]

►Para texto como Título:  [title1]  [/title1] 

►Para texto como Título:  [title2] [/title2] 

►Pra centralizar o texto: [center]  [/center]

►Pra alinhar a esquerda o texto:  [left]  [/left]

►Para alinhar a direita o texto:  [right]  [/right]

►Para mudar o tamanho do texto:  [size=+2]  [/size]

*Se você colocar +2, o texto ficara 2 vezes maior, se colocar +3, 3 vezes maior...

►Para mudar a fonte do texto: [font=courier]  [/font]

►Para fazer recuo de paragrafo: [indent]  [/indent]

►Colocar um link para um tópico: [thread]ID do Tópico[/thread] 

►Link para o tópico em forma de palavra:[thread=ID do Post]palavra[/thread]

►Colocar um link para um post: [post]ID do Post[/post]

►Link para o post em forma de palavra: [post=ID do Post]palavra[/post]

►Fazer lista com marcador:

[list]

[*]Item de lista 1

[*]Item de lista 2

[/list]

►Fazer lista com números ou letras:

[list=1 ou A ou a]

[*]Item de lista 1

[*]Item de lista 2

[/list]

►Para grifar um texto: [highlight]  [/highlight]

►Link em forma de palavra: [url=link]palavra[/url]

Para colocar uma imagem você terá que saber a url dela. Se a imagem estiver no seu computador, coloque ela no TyniPic ou no Imgur e pegue o código que tem a tag:[img].

►Para colocar uma imagem: [img]url da imagem[/img]

►Para colocar uma imagem que seja link: [url=url do site][img]url da imagem[/img][/url]

►Para colocar um link: [url]url do site[/url]

►Para colocar uma palavra que seja um link: [url=url do site]palavra que representa[/url]

►Para colocar um vídeo do youtube: [youtube]url do vídeo[/youtube]

►Para o vídeo do youtube começar automaticamente: [youtube]url do video;autoplay=1[/youtube]

►Para colocar apenas o spoiler: [spoiler]conteúdo do spoiler[/spoiler]

*Spoilers são as barrinhas que quando você clica aparece o conteúdo

►Spoiler com titulo: [spoiler=titulo do spoiler]conteúdo do spoiler[/spoiler]

►Para citar alguém: [quote=nome do usuário]citação[/quote]

►Para colocar uma citação: [quote]citação[/quote]

►Para colocar um código: [code]código[/code]

-----------------------------------------------------

Espero que tenham entendido como usar o BBcode. Não coloquei tudo o que podemos fazer, já que são muitas funções, mas coloquei as mais utilizadas. Qualquer duvida comente ou ascese a Lista de BBcode.