Trancado r 1 mensagem Página 1 de 1
[TUTORIAL] BBCODES
  • Avatar do usuário
    Neném 21
    Aposentado
    Aposentado
    Estatísticas
    Registrado: 13/01/2016
    Última Visita: 01/09/2023
    Mensagens: 3295
    Reputação: 99 Ranking:
    Curtidas: 3989 Comentários: 5069
    TDs
    Total
    194 31 14 239
    Meus TDs Meus Posts
    Me chame no Chat

    por Neném 21 » 15/05/2018

    Quem gosta de postar relatos, como eu, e o faz por livre e espontânea vontade e prazer, tem à disp...
    Você precisa estar logado para poder ver o resto deste conteúdo
    Quem gosta de postar relatos, como eu, e o faz por livre e espontânea vontade e prazer, tem à disposição um recurso muito interessante para ilustrar os TDs, dar ênfase e mais conforto aos outros confrades no momento da leitura, estou me referindo aos BBCodes, mas será que todos sabem usá-los? Pensando nisso tentarei explicar de modo breve e prático a ferramenta uma a uma e, havendo dúvidas deixem nos comentários que eu tiro aos poucos, é isso vamos lá?

    O que são os BBCodes?
    São os códigos de programação que surgem na interface do Fórum na forma de botões quando clicamos para realizar alguma postagem ou TD, eles sempre se encontram entre [colchetes] e possuem algumas regrinhas básicas que o confrade precisa entender antes de começar a usar. São as seguintes - o texto que sofrerá a ação do BBCode deve sempre estar no interior do código - os BBCodes se sobrepõem uns aos outros, de fora para dentro - e a ordem de abertura dos BBCodes precisa sempre ser igual à ordem de fechamento, sob pena de não surtirem o efeito desejado.

    Dito isso, o primeiro BBCode que irei lhe apresentar é também aquele que você provavelmente menos irá utilizar em seu dia a dia, no entanto é fundamental para escrever tutoriais, ele se chama Code e serve para que todos os demais BBCodes escritos dentro dele deixem de ter efeito, ou seja, ideal para uma boa explicação e visualização, como você vai perceber a seguir.

    Respectivamente, os BBCodes de negrito, itálico, sublinhado e taxado são os seguintes:

    Código: Selecionar todos

    [b]negrito[/b]

    Código: Selecionar todos

    [i]itálico[/i]

    Código: Selecionar todos

    [u]sublinhado[/u]

    Código: Selecionar todos

    [s]taxado[/s]
    Reparou a importância do Code? Sem ele eu não teria conseguido fazer o confrade visualizar a programação utilizada. Notou também que, indo ao encontro da primeira regrinha dos BBCodes que expliquei lá em cima, o texto que pretendo que sofra a influência do código precisa estar no centro do colchete de abertura e do outro de encerramento?

    Dando continuidade, os BBCodes de cor, tamanho e disposição do texto, conforme exemplos a seguir e posterior demonstração do código utilizado:
    vermelho
    azul escuro
    verde escuro
    rosa
    azul celeste
    verde limão

    Código: Selecionar todos

    [color=#FF0000]vermelho[/color]

    Código: Selecionar todos

    [color=#0000FF]azul escuro[/color]

    Código: Selecionar todos

    [color=#008000]verde escuro[/color]

    Código: Selecionar todos

    [color=#FF40BF]rosa[/color]

    Código: Selecionar todos

    [color=#0080FF]azul celeste[/color]

    Código: Selecionar todos

    [color=#BFBF40]verde limão[/color]
    Tamanho minúscula
    Tamanho pequena
    Tamanho normal (sem código nenhum)
    Tamanho grande
    Tamanho enorme

    Código: Selecionar todos

    [size=50]Tamanho minúscula[/size]

    Código: Selecionar todos

    [size=85]Tamanho pequena[/size]

    Código: Selecionar todos

    [size=150]Tamanho grande[/size]

    Código: Selecionar todos

    [size=200]Tamanho enorme[/size]
    Trava-línguas, fale rápido:
    ...
    (texto à esquerda) Três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes.
    ...
    (texto à direita) Três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes.
    ...
    (texto ao centro) Três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes.
    ...
    (texto justificado) Três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes.

    Código: Selecionar todos

    [left](texto à esquerda) Três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes.[/left]

    Código: Selecionar todos

    [right](texto à direita) Três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes.[/right]

    Código: Selecionar todos

    [center](texto ao centro) Três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes.[/center]

    Código: Selecionar todos

    [justify](texto justificado) Três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes, três pratos de trigo para três tigres tristes.[/justify]
    Pronto, eu diria que agora você já foi apresentado aos BBCodes mais básicos e já pode ir testando brincar com eles, lembre-se que, de acordo com as regrinhas que introduzimos lá em cima, eles se sobrepõem uns aos outros, de fora para dentro, e a ordem na qual são informados importa bastante, segue exemplo:
    Testando
    Testando

    Código: Selecionar todos

    [b][size=150][color=#FF8000][u]Testando[/u][/color][/size][/b]

    Código: Selecionar todos

    [b][size=150][u][color=#FF8000]Testando[/color][/u][/size][/b]
    A mudança é quase imperceptível, no entanto note como, apenas pelo fato de eu ter alterado o posicionamento do código, o sublinhado recebe ou não recebe a coloração laranja, isso porque a lógica dos BBCodes sempre é de fora para dentro.

    Há também BBCodes para fazer citações, em clima de brincadeira os exemplos a seguir irão parafrasear confrades notáveis do Fórum X:
    Fala galera baixa renda, vamos movimentar a economia Trash!
    Estava só passando pela 13 de Maio e resolvi dar uma subidinha...
    Ainda não havia acabado, hoje era dia de rodada dupla!

    Código: Selecionar todos

    [quote]Fala galera baixa renda, vamos movimentar a economia Trash![/quote]

    Código: Selecionar todos

    [quote]Estava só passando pela 13 de Maio e resolvi dar uma subidinha...[/quote]

    Código: Selecionar todos

    [quote]Ainda não havia acabado, hoje era dia de rodada dupla![/quote]
    Outra forma bacana de citar, de dar ênfase a uma frase é a seguinte, vejam se vocês sabem quem é o confrade que manda assim:

    VALEU, VAGABUNDAGEM!

    Código: Selecionar todos

    [typo_quote]VALEU, VAGABUNDAGEM![/typo_quote]
    Criar listas é outra opção fácil de fazer com o código adequado, veja só minha lista de preferências por modalidades de putaria:
    1. Termas
    2. Frees
    3. Trash
    4. Privês
    1. Termas
    2. Frees
    3. Trash
    4. Privês
    1. Termas
    2. Frees
    3. Trash
    4. Privês

    Código: Selecionar todos

    [list=1][*]Termas[*]Frees[*]Trash[*]Privês[/list]

    Código: Selecionar todos

    [list=a][*]Termas[*]Frees[*]Trash[*]Privês[/list]

    Código: Selecionar todos

    [list=I][*]Termas[*]Frees[*]Trash[*]Privês[/list]
    Utilizando os BBCodes o confrade pode dar estilo aos seus textos, fazendo com que ele apareça na forma de letreiro =

    Vida longa ao Fórum X!!!

    Código: Selecionar todos

    [marquee][b][color=#0000FF][size=150] Vida longa ao Fórum X!!![/size][/color][/b][/marquee]
    ...
    Escondido dentro de um botão "abre e fecha", ideal para facilitar a vida dos leitores que estão trabalhando e não podem dar bobeira com fotos, vídeos e GIFs de pornografia/sexo sob risco de perderem seus empregos. O spoiler também serve para visualmente diminuir postagens muito grandes (escondendo o que não é prioridade) e fazer com que não desistam de consumir o conteúdo antes mesmo de iniciarem.
    Spoiler é um termo oriundo do meio jurídico que se refere ao ato de privar alguém de algo.

    Código: Selecionar todos

    [Spoiler]Spoiler é um termo oriundo do meio jurídico que se refere ao ato de privar alguém de algo.[/Spoiler]

    Ou na forma de aviso importante (cuidado ao utilizar este BBCode, pois geralmente é só a ADM quem usa para dar seus importantes comunicados a todos os membros)!

    !
    Use camisinha sempre, sua saúde não tem preço!

    Código: Selecionar todos

    [warning][b][size=200][color=#FF0000]Use camisinha sempre, sua saúde não tem preço![/color][/size][/b][/warning]
    ...
    Para inserir um link, dar uma notícia no Fórum, compartilhar um Site externo ou anúncio, copie o endereço web e utilize um dos seguintes métodos:
    https://pt.m.wikipedia.org/wiki/Prostituição
    Fonte
    escreva aqui qualquer coisa

    Código: Selecionar todos

    [url]https://pt.m.wikipedia.org/wiki/Prostituição[/url]

    Código: Selecionar todos

    [url=https://m.oglobo.globo.com/rio/crise-violencia-prostituicao-on-line-fecham-portas-de-boates-em-copacabana-21706742]Fonte[/url]

    Código: Selecionar todos

    [url=https://www.dicionarioinformal.com.br/putanheiro/]escreva aqui qualquer coisa[/url]
    ...
    Por último, para subir fotos, músicas e vídeos para o FX, o confrade pode fazer assim:
    Imagem

    Código: Selecionar todos

    [img]https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQpWGDCcP3jGCSObBTURjJko4p4SQG704sEUTvXObPGGeAKVLhOHtlf61XFww[/img]
    * Abra a imagem a ser compartilhada em uma nova guia do seu navegador, copie e cole o seu endereço web.

    Código: Selecionar todos

    [youtube]https://www.youtube.com/watch?v=_P7S2lKif-A[/youtube]
    * Atente-se que todo vídeo do YouTube possui um código (no caso do Bum Bum Tam Tam acima esse código é "_P7S2lKif-A", portanto quando você copiar o link do vídeo do youtube que quiser compartilhar conosco precisará separar apenas essa parte final que é o código e colá-la depois da programação fixa "https://www.youtube.com/watch?v=", que nunca se alterará).

    Código: Selecionar todos

    [music]https://www.youtube.com/watch?v=_P7S2lKif-A[/music]
    * Idem para músicas.

    Galera, é isso, acredito ter colaborado, dúvidas só irem perguntando aí, se houver erros vou corrigindo, alguns BBCodes não aparecem neste tutorial, uma vez que ao longo do desenvolvimento do Fx perderam um pouco sua função e atualmente não fazem nada novo, diferente ou de modo eficaz. Abraço a todos e boas fodas!
    01**
Trancado 1 mensagem Página 1 de 1

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes

Ir para