Página 1 de 1

[Guia] BBcodes para usar nos seus posts

Enviado: Ter Mai 24, 2016 1:51 pm
por 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:
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: 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!

Re: [Guia] BBcodes para usar nos seus posts

Enviado: Ter Mai 24, 2016 1:59 pm
por 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 : 
Imagem1 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 )

Re: [Guia] BBcodes para usar nos seus posts

Enviado: Ter Mai 24, 2016 2:21 pm
por 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!

Re: [Guia] BBcodes para usar nos seus posts

Enviado: Ter Mai 24, 2016 4:16 pm
por __dotCHAOS
O Markito havia implementado algumas possibilidades extras à tag Table... seria legal listá-las também.

Re: [Guia] BBcodes para usar nos seus posts

Enviado: Ter Mai 24, 2016 5:27 pm
por Ciro
Alex FC escreveu: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.

Re: [Guia] BBcodes para usar nos seus posts

Enviado: Ter Mai 24, 2016 5:59 pm
por All-x
dotCHAOS escreveu: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.
Ciro escreveu:
Alex FC escreveu: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!

Re: [Guia] BBcodes para usar nos seus posts

Enviado: Sex Out 14, 2016 9:42 am
por gabrielsch
Tópico atualizado com a nova tag .
Mais atualizações estão por vir, fiquem atentos!

Re: [Guia] BBcodes para usar nos seus posts

Enviado: Ter Out 09, 2018 12:48 pm
por guimaraf
Excelentes dicas, não conhecia.

Re: [Guia] BBcodes para usar nos seus posts

Enviado: Ter Out 09, 2018 11:05 pm
por 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.

Re: [Guia] BBcodes para usar nos seus posts

Enviado: Qua Out 10, 2018 12:23 pm
por All-x
jonnyall escreveu: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.
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