[Guia] BBcodes para usar nos seus posts

[All-x]

GUIA DE USO DOS BBCODES

BBcodes são códigos derivados do HTML para formatar seu conteúdo. Além de seguro é muito simples de usar.

Inserindo seu jogo Web (HTML5) na página:

Inserindo Game HTML5 no tópico

1 - BOTÃO:

Um simples botão para um hiperlink. Basta inserir um link e um nome.

Código: Selecionar todos

[botao=https://meu-site.com.br]Nome do botão[/botao]

Exemplo:

Botão estiloso

2 - BOTÃO DE DOWNLOAD:

Um botão de download com direito à ícone. Também é só colocar um link e um nome.

Código: Selecionar todos

[download=https://downloads.com.br/jogo.zip]Baixar o jogo (10 Mb)[/download]

Exemplo:

Baixar Arquivo

3 - REDIMENSIONANDO IMAGENS:

A tag [ img ] nativa do fórum não suporta redimensionamento. Então a tag abaixo foi criada. Basta colocar as dimensões após [image= e está feito:

Código: Selecionar todos

[image=64x64]https://imagens.com.br/images/logo.png[/image]

Exemplo:



Opcionalmente você pode usar as tags abaixo para alinhamento:

imagel: alinha á esquerda(Tem que colocar as dimensões também)
imager: alinha á direita (Tem que colocar as dimensões também)

4 - CUIDADO! SPOILERS!

Essa tag esconde o conteúdo que está dentro dela (Dai o nome). O conteúdo só é exibido clicando na barra. 

Temos o padrão:

Código: Selecionar todos

[spoiler][b]Aqui está meu conteúdo escondido, que coisa emocionante![/b][/spoiler]

Exemplo:

SPOILER: Clique para ver o conteúdo

Temos também a opção de dar um título para identificar melhor:

Código: Selecionar todos

[spoiler=Aqui dentro tem alguma coisa]ALGUMA COISA[/spoiler]

Exemplo:

QUANDO ESTIVER NO BANHEIRO, ESTAREI LÁ!: Clique para ver o conteúdo

ACHOU QUE EU TAVA BRINCANDO?

5 - CABEÇALHOS:

Tags para os cabeçalhos, ou seja, títulos, subtítulos e afins:

Código: Selecionar todos

[h1]GRANDE[/h1]
[h2]MÉDIO[/h2]
[h3]MENOR QUE O MÉDIO[/h3]

Exemplo:

TITULO

SUBTITULO

DESCRIÇÃO DO QUE É

6 - DESTAQUE DE CÓDIGO:

Por vezes é necessário mencionar métodos/funções e utilizar a tag [ code] nem sempre é uma boa opção por utilizar muito espaço, por isso utilize a tag [ hl ] ou [ hlc ] para destacar o texto sem criar caixas ou pular parágrafos.

Exemplo:

"Para descobrir a resolução da tela basta utilizar as funções display_get_width() e display_get_height() com esses valores tu pode fazer alterações nas dimensões da View da Room ou nas dimensões dela caso não utilize Views."


SUGESTÕES DE TAGS SÃO BEM-VINDAS!

[Rodrigo Santiago]

Eu tenho uma sugestão : Alinhamento de imagem. 
Por exemplo, se a imagem se alinhar a esquerda o texto pode ter múltiplas linhas a direita, ao invés de apenas uma

veja : 
1 linha
2 linha
Em imagens grandes isso pode ser um problema .... como aconteceu nos tutoriais de unity que fiz

seria bom um bb code ( no html basta usar align dentro da tag img )

[All-x]

Não se usa mais o atributo align para o novo padrão do HTML, agora é com base no CSS através do float.

Adicionei as tags:

imagel: alinha á esquerda(Tem que colocar as dimensões também)
imager: alinha á direita (Tem que colocar as dimensões também)

FLWS!

[__dotCHAOS]

O Markito havia implementado algumas possibilidades extras à tag Table... seria legal listá-las também.

[Ciro]

Não se usa mais o atributo align para o novo padrão do HTML, agora é com base no CSS através do float.

Adicionei as tags:

imagel: alinha á esquerda(Tem que colocar as dimensões também)
imager: alinha á direita (Tem que colocar as dimensões também)

FLWS!

Não seria mais viável usar display: inline-block?

Código: Selecionar todos

<img src="{link}" style="display: inline-block"></img>

Assim dá pra alinhar junto com o texto e sem complicação.

[All-x]

O Markito havia implementado algumas possibilidades extras à tag Table... seria legal listá-las também.

Sim, acabei esquecendo, fiz no horário de almoço. A intenção era ir populando o tópico no resto da tarde, mas as coisas apertaram aqui. Chegando em casa atualizo.

Não se usa mais o atributo align para o novo padrão do HTML, agora é com base no CSS através do float.

Adicionei as tags:

imagel: alinha á esquerda(Tem que colocar as dimensões também)
imager: alinha á direita (Tem que colocar as dimensões também)

FLWS!

Não seria mais viável usar display: inline-block?

Código: Selecionar todos

<img src="{link}" style="display: inline-block"></img>

Assim dá pra alinhar junto com o texto e sem complicação.

 Já está assim. O que o Rodrigo queria é que o texto se quebrasse verticalmente ao longo da imagem, e não simplesmente alinhar.
FLWS!

[gabrielsch]

Tópico atualizado com a nova tag .
Mais atualizações estão por vir, fiquem atentos!

[guimaraf]

Excelentes dicas, não conhecia.

[jonnyall]

Boa noite, gente, eu não estou conseguir postar novos post, sempre me aparece uma janela dizendo "Você deve especificar ao menos uma TAG para postar o tópico" é quando eu clico em adicionar as tags principais simplesmente não acontece nada, existe outra forma de colocar tags sem ser clicando nas principais ? A parte de eu não conseguir botar tags vem desde que o foro atualizou, obrigado e desculpa qualquer coisa.

duvida

[All-x]

Boa noite, gente, eu não estou conseguir postar novos post, sempre me aparece uma janela dizendo "Você deve especificar ao menos uma TAG para postar o tópico" é quando eu clico em adicionar as tags principais simplesmente não acontece nada, existe outra forma de colocar tags sem ser clicando nas principais ? A parte de eu não conseguir botar tags vem desde que o foro atualizou, obrigado e desculpa qualquer coisa.

duvida

Estranho testei em todos os browsers aqui e vai de boa, inclusive no celular. De toda forma, removi a mensagem. Agora deve dar pra postar tranquilamente.

Abraços