Autor Tópico: Guia de uso de BBC tags  (Lida 636 vezes)

0 Membros e 1 Visitante estão vendo este tópico.

Offline louc0

  • Moderador
    • Ver perfil
Guia de uso de BBC tags
« Online: Setembro 21, 2011, 10:22:11 am »
Apesar de ser um assunto que muitos já conhecem, verifiquei que muita gente não tem idéia de como usar as tags para melhorar a forma como postam, seja para criar uma citação ou mostrar aquele desenho legal que você achou na internet. Além disso, nessa nova versão do fórum, algumas novidades foram adicionadas, e algumas tags não funcionam como antigamente, então este guia é útil pra conhecer essas novidades

O que é e como funciona uma tag?

BBC tags são um artifício usado para de alguma forma alterar a visualização de um texto, ou para inserir elementos diferentes, como uma imagem ou um link.
Uma tag consiste em uma palavra chave inserida entre colchetes antes do elemento a ser modificado/inserido e a mesma palavra precedida por uma barra, entre colchetes, no final do elemento.

[exemplo]ELEMENTO A SER MODIFICADO/INSERIDO PELA TAG[/exemplo]

Além disso, boa parte das tags permitem o aninhamento, isto é, que uma tag seja usada dentro de outra, para que o efeito de ambas se apliquem ao mesmo elemento. Por exemplo, um texto que está em negrito e itálico usa duas tags aninhadas. O exemplo abaixo mostra como funciona:

[tag1][tag2]elemento[/tag2][/tag1]

Algumas tags exigem o uso de um ou mais argumentos, que modificam como esta funciona. Em alguns casos, o argumento é informado após um sinal de igual, em outros é separado por vírgulas (nos casos em que mais de um argumento é necessário). Isso será explicado detalhadamente em cada tag específica.

[tag=argumento1, argumento2]elemento[/tag]

Agora que já se definiu o que é e como se usa uma tag, vamos a uma lista das tags.

Tags que modificam texto

Efeito: Negrito
Código: [b]Negrito[/b]

Efeito: Itálico
Código: [i]Itálico[/i]

Efeito: Sublinhado
Código: [u]Sublinhado[/u]

Efeito: Traçado
Código: [s]Traçado[/s]

Efeito: Subscrito
Código: [sub]Subscrito[/sub]

Efeito: Sobrescrito
Código: [sup]Sobrescrito[/sup]

Efeito: Mudar a fonte
Código: [font=verdana]Mudar a fonte[/font]
Notas: O argumento aqui é um só, o tipo da fonte. As que eu testei até agora e que sei que funcionam são: Verdana, Arial, Courier New, Symbol e Times New Roman. Mas acredito que possa ter mais.

Efeito: Truetype
Código: [tt]Truetype[/tt]
Notas: É redundante com a tag font, mas faz com que o texto use uma fonte de largura fixa.

Efeito: Mudar a cor do texto usando nome ou Mudar a cor do texto usando valor
Código: [color=orange]Mudar a cor do texto[/color] ou  [color=#00FF00]Mudar a cor do texto usando valor[/color]
Notas: O argumento aqui é o nome da cor em inglês ou o valor da cor em valores RGB, precedidos de uma hashtag (#).

Cores mais comuns não precisam usar a tag color, existem tags específicas para elas:

Preto --> [black]Preto[/black]
Azul --> [blue]Azul[/blue]
Verde --> [green]Verde[/green]
Vermelho --> [red]Vermelho[/red]
Branco --> [white]Branco[/white]

Efeito: Aumentar o tamanho de um texto ou diminuir o tamanho de um texto
Código: [size=14pt]Aumentar o tamanho de um texto[/size] ou [size=5pt]diminuir o tamanho de um texto[/size]
Notas: O argumento pode ser dado em pontos (pt), em pixels (px) ou em tamanhos relativos de 1 a 7. Importante frisar que isso mudou em relação ao fórum anterior, onde o tamanho era dado em porcentagens.

Efeito: Brilho
Código: [glow=red,4]Brilho[/glow]
Notas: O primeiro argumento é a cor do brilho, e é preenchida da mesma forma que na tag color. O segundo argumento, separado por vírgula, é a intensidade, medida em pixels. Quanto maior o valor, mais aparece a cor do brilho.

Efeito: Sombreado
Código: [shadow=#FFA500,left]Sombreado[/shadow]
Notas: O primeiro argumento é a cor do brilho, e é preenchida da mesma forma que na tag color. O segundo argumento, separado por vírgula, é a direção, em inglês.

Efeito: Texto deslizanteCódigo: [move]Texto deslizante[/move]
Notas: Não use isso, abobado sem costume.

Tags de alinhamento

Efeito: Texto justificado
Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus outrem ipsis lorum faber  onsini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem
Código: [justify]Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus outrem ipsis lorum faber  onsini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem[/justify]



Efeito: Texto alinhado à esquerda
Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus outrem ipsis lorum faber  onsini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem
Código: [left]Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus outrem ipsis lorum faber  onsini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem[/left]



Efeito: Texto alinhado à direita
Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus outrem ipsis lorum faber  onsini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem
Código: [right]Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus outrem ipsis lorum faber  onsini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem[/right]



Efeito: Texto centralizado
Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus outrem ipsis lorum faber  onsini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem
Código: [center]Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus outrem ipsis lorum faber  onsini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem ipsis lorum faber consini tatus ipsis lorum faber consini tatus ipsis lorum faber consini tatus Ipsis lorum faber consini tatus outrem[/center]



Listas, citações, spoilers, códigos, etc

Criando uma lista:
  • Item 1
    • Item 1.1
    • Item 1.2
    • Item 1.3
  • Item 2
  • Item 3

Código:



Trabalho em andamento. Logo continuo.