Função dos BBCodes e de Algumas Variáveis do fórum!

[мลร†эя]

Antes de mais nada... Sugestões, críticas e perguntas. E por que não Respostas?

(OBS.: Passei a tarde inteira escrevendo isso! Espero que gostem!)

Número de tópicos: 2389

Olá! Fiz esse tópico caso você seja iniciante no fórum e ainda não saiba como usar o BBCode. Ou caso queira concheçer outras TAG's! E agora vocês também poderam conhecer as Variáveis do Fórum!

Vamos começar:

BBCode

Pra que serve, o quê é e como usar o BBCode?
O BBCode é uma linguagem. Mas não uma linguagem de programação como GML, C, Java e afins... E sim uma Linguagem de HiperTexto! As linguagens de HiperTexto (Como HTML e o BBCode) Servem para formatar páginas da Web, "formatar" no sentido de personalizar. No caso do BBCode, ele formata mensagens. É uma linguagem usada em muitos fóruns e sites da Internet pela sua simplicidade e eficácia. O BBCode substitui aqueles botões de Negrito, Sublinhado, Riscado, Imagem, Link, insersão de Vídeo, etc... De uma maneira mais rápida. E pode ter mais funções do que os próprios botões que tem alí. Para usar o BBCode é bem simples: na maioria das TAG's, coloque uma tag como as vistas abaixo, que geralmente é uma letra ou uma palavra entre chaves (tipo "[nome_da_tag]") para indicar o início da parte que quer que seja usado, em seguida escreva o que quiser (ou o que for pra colocar, dependendo da função da Tag) e depois a mesma Tag do mesmo jeito sendo que com uma barra ("/") antes do nome dela para encerrar. (tipo "[/nome_da_tag]") Você pode usar várias tag's dentro de outras.

1. b:

Código:


[b]TEXTO[/b]


RESULTADO:
TEXTO

Pra que serve? Essa tag serve para deixar a frase em Negrito.

2. i:

Código:


[i]TEXTO[/i]


RESULTADO:
TEXTO

Pra que serve? Deixa a frase em Ítálico.

3. u:

Código:


[u]TEXTO[/u]


RESULTADO:
TEXTO

Pra que serve? Deixa a frase Sublinhada.

Misturando esses 3:

Código:


[b][i][u]TEXTO[/u][/i][/b]


RESULTADO:
TEXTO

4. strike:

Código:


[strike]TEXTO[strike]


RESULTADO:
TEXTO

Pra que serve? Pra riscar o texto. Útil pra fazer aquelas brincadeiras de fórum XD como se tivesse errado o que era pra escrever e riscado.

5. left:

Código:


[left]TEXTO[/left]


RESULTADO:

TEXTO

Pra que serve? Alinha à esquerda mas é praticamente inútil.

6. center:

Código:


[center]TEXTO[/center]


RESULTADO:

TEXTO

Pra que serve? Alinha ao centro.

7. right:

Código:


[right]TEXTO[/right]


RESULTADO:

TEXTO

Pra que serve? Alinha à direita.

8. justify:

Código:


[justify]
TEXTO
TEXTO
TEXTO
[/justify]


RESULTADO:

TEXTO
TEXTO
TEXTO

Pra que serve? Deixa as linhas bem justificadas e alinhadas.

9. list:

Código:


[list]
[*]TEXTO
[*]TEXTO
[*]TEXTO
[/list]


RESULTADO:

• TEXTO
  
• TEXTO
  
• TEXTO
  

Pra que serve? Pra fazer uma listinha escrota que só tem uns ponstinhos ao lado. Pra inserir esse pontos que se usa o "[*]"

10. ordered list:

Código:


[list=1]
[*]TEXTO
[*]TEXTO
[*]TEXTO
[/list]


RESULTADO:

1. TEXTO
   
2. TEXTO
   
3. TEXTO
   

Pra que serve? Uma lista em que você não precisa contar o número de itens pois ela conta automaticamente. Mas é muito ridícula.

11. hr

Código:


TEXTO[hr]TEXTO


RESULTADO:
TEXTO

---

TEXTO

Pra que serve? Quebra a linha usando uma listra branca em baixo que é totalmente sem graça e que praticamente ninguém vai querer ver.

12. quote:

Código:


[quote]TEXTO[/quote]


RESULTADO:

TEXTO

Pra que serve? Essa é bem útil! Serve pra citar algo de algum lugar ou algo que alguém falou! Para ficar melhor ainda, você pode inciar com quote="Nome da pessoa ou algo". Como no exemplo à baixo:

Código:


[quote="Jeremias"]Se pudesse eu matarra mil!![/quote]


RESULTADO:

Se pudesse eu matarra mil!!

PS.: O "Wrote" (escreveu) muda conforme o idioma que você estiver usando no fórum.
PPS.: Não, Eu não sou estrangeiro. Mas bem que eu queria!

13. code:

Código:


[code]código[/code]


Pra que serve? Faz uma caixa de código que nem aquela alí (por isso nem precisei colocar o "RESULTADO" XD). Você pode usar para ajudar o pessoal com códigos GML por exemplo.

14. Table:

(Exemplificando)

Código:


[table ----="2"]
----
----[b]Nome[/b] [/td]---- [b]Emprego[/b][/td]
[/tr]----
---- Luke[/td][td]Eu sou seu Pai [/td]
[/tr]
[/table]


RESULTADO:
--------Nome [/td]---- Emprego[/td][/tr]-------- Luke[/td][/tr]

Eu sou seu Pai

Pra que serve? Pra criar uma tabela massa!

EXPLICAÇÃO:
A tabela usa várias TAG's, vou explicá-las:

Código:


1. [table ----="um número qualquer"] -> Inicia a tabela e define a grossura da borda. É recomendado usar grossura de
1 ou 2. É encerrado apenas no final da tabela com [/table]

2. ---- -> Inicia uma linha à tabela. É encerrado com [/tr]

3. ---- -> Acrescenta um quadro à tabela. É encerrado com [/td]

4. Por que você usou o "[b][/b]?" Como outras TAG's podem ser usadas dentro das outras, eu coloquei isso para dar um destaque à primeria linha.


15. img:

Código:


[img]link_da_imagem[/img]

no caso do exemplo:
[img]http://img542.imageshack.us/img542/78/placaengracada2thumb.jpg[/img]


RESULTADO (DO EXEMPLO):
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
PS.: Achei no minilua.com

Pra que serve? Ah essa é bowa e simples! Ela insere uma imagem apartir de uma URL! (os endereços dos links)

Como posso colocar minhas próprias imagens?
Tenha sua imagem salva no computador (se for uma screen do seu jogo no GM, rode ele e aperte F9 para tirar a screen do jogo e ela ficará salva na pasta do arquivo do game), em seguida, registre-se no [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] (caso não tenha conta) e carregue sua imagem. Depois de carregada, copie o link direto e cole entre as TAG's!

16. url:

Código:


[url]link[/url]

Ou ainda

[url=link]algum texto ou [img]link de alguma imagem[/img][/url]


RESULTADO:
(Exemplificando)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Pra que serve? Insere um link de uma página da Web! Mas se lembre de respeitar as regras do fórum em relação à Spam!

17. flash:

Código:


[flash(dimensão horizontal,dimensão vertical)]link[/flash]


Pra que serve? Insere um recurso de flash!

18. youtube:

Código:


[youtube]link_do_vídeo[/youtube]

no caso do exemplo:

[flash(425,350)]http://www.youtube.com/v/8gspqajXzRU[/flash] (ele é automaticamente convertido pra flash!)


RESULTADO (do exemplo):


Pra que serve? Insere um vídeo do Youtube apartir da URL dele!

19. size:

Código:


[size=pode ser 4, 8, 12, 18 ou 24]TEXTO[/size]

No caso do exemplo:

[size=24]GRANDE HOMEM![/size]


RESULTADO (do exemplo):
GRANDE HOMEM!

Pra que serve? Pra mudar o tamanho da fonte!

20. color:

Código:


[color=blue]TEXTO[/color]


RESULTADO:
TEXTO

Pra que serve? Serve para mudar a cor da fonte! Ao invés do blue você pode colocar o nome de outra cor, como orange, green, red, etc... E ainda, ao invés de usar o nome das cores, você pode usar a cor em Hexadecimal! Assim poderá usar todas as cores e todas as tonalidades! No caso do azul fica assim (não esquecendo do "#" antes da cor!):

Código:


[color=#0026FF]TEXTO[/color]


Como posso descobrir como é a cor que eu quero em Hexadecimal?
Em programas de criação edição gráfica por exemplo! No Paint.net você vai na janelinha de cores, clica em Mais >>, selecione a cor e aonde tem "Hex" (de Hexadecimal) copie o valor ao lado!

21. font:

Código:


[font=Impact]TEXTO[/font]


RESULTADO:
TEXTO

Pra que serve? Pra mudar fonte do texto. Ao invés de Impact você pode colocar o nome de outra fonte. Mas atenção! Nem todas estão abilitadas pelo Forumeiros! (Nosso Servidor)

22. sub:

(Exemplificando)

Código:


[sub]Alguma coisa
Que eu
Esqueci e por
Isso não tô
Afim de lembrar
E eticétera...[/sub]


RESULTADO:
_{Alguma coisa
Que eu
Esqueci e por
Isso não tô
Afim de lembrar
E eticétera...}

Pra que serve? O texto fica na parte inferior da linha. Também é usado para fórmulas químicas (por exemplo O₃). Vamos fazer uma doidera misturando isso à uma Imagem, uma Tabela e um center no texto!

Código:


[table ----="1"]
----
----[img]http://img860.imageshack.us/img860/3412/placa166thumb.jpg[/img] [/td]
[/tr]----
----[sub][center]Tudo tem uma finalidade... Nada é por acaso.
E não se esqueça de não remover esse aviso![/center][/sub][/td]
[/tr]
[/table]


RESULTADO:
--------[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] [/td][/tr]--------

Tudo tem uma finalidade... Nada é por acaso.E não se esqueça de não remover esse aviso!

[/td][/tr]
23. sup:

(Exemplificando)

Código:


A Desciclopédia só fala VERDADES![sup][carece de fontes][/sup]


RESULTADO:
A Desciclopédia só fala VERDADES!^{[carece de fontes]}

Pra que serve? O texto fica na parte superior da linha. Você pode usar também para fazer potências: 8000⁹⁴

24. spoiler:

Código:


[spoiler]Alguma coisa[/spoiler]


RESULTADO:

Spoiler:

Pra que serve? Pra criar um spoiler. Que é essa caixa ai que você pode usar pra reduzir um texto... ( :assobio: ) Para abrir um Spoiler, basta clicar nele. É bom pra você usar na Assinatura. Você ainda pode criar um Spoiler com uma frase em cima! Tipo isso:

(exemplo)

Código:


[spoiler=O Free é]Um menino cheio de palavras nos Spoilers da vida ^^ [/spoiler]


RESULTADO:

O Free é:

25. hide:

(Exemplificando)

Código:


[hide]Na verdade sou viciado em Megaman e já joguei num sei quantos jogos dele![/hide]


RESULTADO:


Pra que serve isso? Aparentemente, pra esconder um texto dos membros não logados Ou de quem não seja eu LOL

26. scroll horizontal:

(Exemplificando)

Código:

[scroll]Eu tô andando!![/scroll]

RESULTADO:
Eu tô andando!!

Pra que serve? O texto fica se movimentando na horizontal. Bem louco.

27. scroll vertical:

(Exemplificando)

Código:


[updown]Eu consigo voar!![/updown]


RESULTADO:
Eu consigo voar!!

Pra que serve? O texto se move na Vertical. Também é bom pra por na assinatura.

28. rand:

(Exemplificando)

Código:


[rand]0,10[/rand]


RESULTADO:

Quantidade aleatória (0,10) : 5

Pra que serve? É uma TAG que sorteia um número entre 2 valores que você escolhe entre a TAG separados por um vírgula. Coloque num Spoiler que fica melhor. Meio inútil, mas nunca se sabe...

E AGORA A COISA MAIS LOUCA! A TAG "WOW"

Acredite ou não... ESSA TAG IRÁ CRIAR UMA COISA DO JOGO "The World of Warcraft!" :ressaca:

Exemplo:

Código:


[wow]knife[/wow]


O problema é que o que você coloca dentro da TAG deve ser criado [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Ou o que vai aparecer é isso:

[wow]knife[/wow]

Se der certo vai aparecer o Item ou o carinha. Ah, e Knife foi a única coisa que encontrei pra colocar XD (Não jogo WOW XD)

Agora que você conheçe as TAG's do BBCode, use seu conhecimento para fazer as misturas mais loucas entre as TAG's
enquanto faz uma bela formatação de texto! :sorvete:

Variáveis do Fórum

Agora vamos nos introduzir ao uso do HTML. Bem simples, no HTML você pode ter variáveis como as das linguagens de Programação. Vejamos a lista de Variáveis do Fórum!

Como se usam as variáveis do fórum?
Bom, pra começar elas não ficam entre chaves ("[]"), e sim entre coxetes ("{}"). elas usam LETRA MAIÚSCULA e começam com FORUM. E também não precisam ser encerradas.

Só vamos usar as variáveis do fórum?
Sim. Pois as Variáveis de usuário podem provocar muitos problemas relacionados à flood não intencionais.

Pra que eu vou querer usar as variáveis do Fórum?
Vou responder com um exemplo:

É pow! Parabéns aew pra Staff que faz com que o fórum fique cada vez melhor! Nossa... Parece que foi ontem que tinhamos 2 membros e hoje já temos (eita, com quantos membros o fórum tá mesmo? Vai demorar pra ver na Index por que a Net tá lerda! ... Já sei! Vou usar aquela variável que o Mininu com a com plaquinha de The Owner ensinou!) 1008 membros! E valeu a todo mundo que colaborou com o fórum!

Lista de variáveis do fórum diretamente do código:

Código:


{FORUMURL}


Mostra o endereço do fórum

Código:


{FORUMURLINK}


Mostra o link com o endereço do fórum

Código:


{FORUMNAME}


Mostra o nome do fórum

Código:


{FORUMNAMELINK}


Mostra o nome do fórum com Link

Código:


{FORUMDESC}


Mostra a descrição do fórum

Código:


{FORUMBIRTHDAY}


Mostra a data na qual o fórum foi criado

Código:


{FORUMAGE}


Mostra a idade em dias do fórum des de que foi criado

Código:


{FORUMCOUNTFORUM}


Mostra o número de categorias/Sessões do fórum

Código:


{FORUMCOUNTOPIC}


Mostra quantos tópicos existem no fórum

Código:


{FORUMCOUNTPOST}


Mostra quantas mensagens o fórum possui

Código:


{FORUMCOUNTUSER}


Mostra quantos usuários registrados o fórum possui

Código:


{FORUMONLINEUSER}


Mostra o número de usuários registrados On-line

Código:


{FORUMONLINEDATE}


Mostra a data e a hora recorde de membros conectados ao mesmo tempo do fórum

Código:


{FORUMLASTUSER}


Informa o Nick do último usuário registrado no fórum

Código:


{FORUMLASTUSERLINK}


Informa o Nick do último usuário registrado no fórum mas com um link para o seu perfil

FIM! UHA!!

Obrigado por ler o Tutorial!

PS.:E não se esqueçam...

VIVA OS ÍCONES!!