ARQUIVADO[TUTORIAL] Utilizando BBCODE

[Skip]

TUTORIAL

USANDO CORRETAMENTE O BBCODE

 

O BBCode é uma das linguagens mais utilizadas em fóruns, e serve para formatar ou adicionar efeitos nas mensagens (posts). Os códigos, chamados de tags, sempre estão dentro de colchetes, que indicam seu início ([código]) e seu final ([/código]).
 
O motivo dele ser tão usado nos fóruns é porque a sua origem vem do inglês a linguá universal tornando fácil a sua utilização. Como por exemplo: B = Bold (negrito), U = Underline (sublinhado) e por aí vai. A boa noticia é que mesmo os códigos vindo do inglês eles são simples e por isso mesmo que você não saiba muito do inglês terá facilidade em se lembrar deles conforme for utilizando-os.
 
Existem muitos BBcodes, porém nem todos estão habilitados para a utilização no fórum do jogo como mudar o tamanho da letra e o riscado. O motivo é evitar a poluição visual do fórum e o número de floods. Por este motivo caso você participe de outros fóruns de uma olhada nesta lista pois talvez algumas das formatações que você utiliza não tenham o código ativado aqui.

 

PS: Sabemos que tem a barra de atalhos para todos esses BBCODES logo acima da 'box' de texto do seu comentário (antes de enviar) - mas é interessante saber como funciona e como usar da maneira 'a mão' .

Aqui está a lista de tags disponíveis em nosso fórum, e como usar cada uma delas.

 

Para que serve?

Para deixar o seu texto mais bonito, ao abrir um tópico no fórum por exemplo quanto mais bonito e organizado ele estiver melhor.

Como usar:

Para deixar o texto com a cor escolhida, utilize o código abaixo. Algumas cores como red, chocolate, blue estão habilitadas para funcionar com palavras chaves, para outras será necessário utilizar o código HTML.

[color=red]texto[/color]
[color=#FF0000]texto[/color]

Como eu sei quais são as cores no código HTML?

 
Você pode conseguir o código da cor escolhida por dois caminhos, um é consultando uma tabela como esta.
 
Ou você pode clicar naquele "A" com uma palheta de cores do lado logo acima da box de escrever, nela você pode clicar em "Mais cores" e selecionar a cor escolhida.

 

Eu coloquei o código certo, mas a cor não foi porque?

 
O BBcode tem uma ordem de hierarquia no código, entre as regras está a de não cortar os códigos no meio o que pode desativá-los como por exemplo:

[center][color=red]Inicio do texto[/center]fim do texto[/color]
[center][color=red]texto[/center][/color]

Para mudar o código você deve ir fechando-o em escada de dentro para fora. Outra coisa é que o código de cor deve estar sempre no centro, isto é o último a ser colocado e o primeiro a ser tirado.

[i][center][color=red]texto[/color][/center][/i]

Dica: Evite usar cores muito claras ou brilhantes que incomodem a vista, isso ira dificultar que o seu texto seja lido, então deste modo em vez de deixá-lo mais bonito para chamar a atenção das pessoas, elas nem ao menos conseguiram ler o que você diz.
 

Para que serve?

 

Você pode utilizar o negrito, itálico ou o sublinhado para destacar certa palavra ou frase.

 

Como usar:

 

♫ Negrito

Para deixar um texto em negrito basta utilizar o código a baixo, é possível misturá-lo com os códigos de cores e colocá-lo dentro de outros códigos.

[b]texto em negrito[/b]

♫ Itálico

 
Para deixar um texto em itálico, aquela letra levemente curvada e no geral fina pode-se utilizar o código abaixo, é possível misturá-lo com os códigos de cores e colocá-lo dentro de outros códigos.

[i]Texto em itálico[/i] 

♫ Sublinhado

 
Para deixar um texto em sublinhado, dando enfoque ao que foi escrito por exemplo, basta utilizar o código abaixo, é possível misturá-lo com os códigos de cores e colocá-lo dentro de outros códigos.

[u]Texto Sublinhado[/u]
 

 

Para que serve?
Assim como as funções anteriores ele serve para deixar o seu texto mais bonito esteticamente. Ele pode ser combinado com outros códigos para ter a mesma função de embelezar o texto.
 
Como usar:
Para deixar um texto ou imagem centralizado basta utilizar o código abaixo:

[center]texto centralizado[/center]

Eu posso combiná-lo com todos os códigos?

 

Infelizmente não, ele se comporta de forma diferente se combinado com diferentes códigos. Ao colocá-lo junto ao código da imagem a imagem fica centralizada.
 
O meu código parou de funcionar no meio do texto, porque?
Muitas vezes ao ser misturado com um novo código (como quote, ou code) o texto para de centralizar a partir deste ponto. Para isto basta tirar o código a partir do momento que ele não funciona e abrir um novo.

[size=4][font=tahoma,geneva,sans-serif][center]texto normal
[quote]recado em quote[/quote]
[/center][center]fim do texto[/center]
[/font][/size]

Para que serve?
Você usa este código para colocar a sua assinatura no fórum, embelezar o seu perfil,  deixar o tópico mais atraente e etc...
 
Como usar:
Basta utilizar o código a baixo, lembrando que você precisa utilizar o link direto da imagem e que as letras devem estar todas na letra minúscula se não o código não irá funcionar.

[img=http://i.imgur.com/NU8MY4D.png?1] 

Mas como eu consigo o link direto da imagem?
Para conseguir o link direto da imagem, posicione o mouse sobre a imagem e clique com o botão direito, uma aba irá se abrir com algumas opções. Clique em selecionar o link direto da imagem.

 

 

 

Para que serve:

Este código serve para que você mande um link redirecione alguém para uma página especifica sem ter que ficar colocando um link no meio do texto. Isto serve para deixar o texto mais bonito e ajudar na compreensão do mesmo. Além disso em caso de links muito grandes ele pode reduzido ou evitar que o mesmo fique cortado.
 
Link inteiro:
Este código serve para que o link aparece inteiro na postagem, não apenas cortado e com ... no meio do texto, utilize este código:

[url=LINK]
Exemplo; [url=http://i.imgur.com/NU8MY4D.png?1]

Link em forma de palavra
Você pode utilizá-lo no meio de um texto por exemplo, transformando uma das palavras em um link basta a pessoa clicar que será direcionada a página. É um pouco mais complicado mas muito útil, você pode vê-lo em várias postagens e perfis pelo fórum.

[url=link]palavra chave[/url]

Imagem como link
Este código é muito utilizado para que ao clicar em uma imagem a pessoa seja direcionada para um determinado link.

[url=link da página][img=link da imagem][/url]

 
Créditos;
Paullete - Imagens
Skip - Tutorial

[VictorHeaven]

Muito bom, estará ajudando muitos.

[Skip]

 

Muito bom, estará ajudando muitos.

 

Tks ♥ 

[Nuno M.]

Bom tutorial '-'

Não sabia como usar BBCode.. agora sei

[LymeeFairy]

TÓPICO ARQUIVADO

O tópico foi arquivado. A partir deste momento, não será mais possível editar ou adicionar novos comentários. Caso precise de informações adicionais, por favor, entre em contato conosco por Discord.

Equipe de Moderação
Gamer's Board