Anúncio

Mesclar
No announcement yet.

Conhecendo o BBCode (Lista de BBCodes)

Mesclar
X
  • Filtro
  • Horário
  • Mostrar
Clear All
Novos posts

  • Guias - Conhecendo o BBCode (Lista de BBCodes)

    Você deve ter notado que algumas pessoas no nosso fórum tem postagens com imagens, links, videos e cores e está se perguntando "como fazem isso ?"
    O nome disso é BBCode (abreviação para Bulletin Board Code) e está presente na maioria dos fórums do mundo, especialmente naqueles que usam vBulletin como o nosso
    Esse tópico mostrará a maior parte (se não todos) os BBCodes que possuímos para o nosso fórum, então se notar que há algum BBCode faltando basta postar aqui

    Dica: Possuímos uma caixa de texto que facilita muito o uso de BBCode, ao apertar em algum dos símbolos é ativado algum BBCode automaticamente e para a maior parte dos navegadores como Chrome e Firefox esse BBCode é aplicado diretamente, sem o uso de colchetes, nem todo BBCode está incluído na caixa, porém os principais estão presentes
    Para usar essa caixa de texto em suas postagens, basta apertar A ao lado direito (entre um símbolo de anexo e um smile)


    Lista de BBCodes

    [b] - Bold, Negrito
    [i] - Italic, Itálico
    [u] - Underline, Sublinhado
    [color] - Color, Cor
    [size] - Size, Tamanho
    [font] - Font, Fonte
    [left] - Left, Texto à esquerda (padrão)
    [center] - Center, Texto ao centro
    [right] - Right, Texto à direita
    [url] - URL, Links
    [img] - Images, Imagens
    [quote] - Quote, Citar
    [youtube] - YouTube
    [video] - Video, Vídeos em geral
    [hr] - Horizontal, Linha Horizontal
    [sup] - Superscript, Sobrescrito
    [sub] - Subscript, Sobscrito
    [table]- Table, Tabela
    [gf] - Google Forms (não funciona pois redireciona para o Evento Mensal; provavelmente não autorizado aos membros)
    [attach] - Attach, Anexo (não autorizado aos membros)
    [list*] - Lists, Listas (sem asterísco)
    [indent*] - Indent, Parágrafo (sem asterísco)
    [noparse*] - Noparse, impede o BBCode de se formar (sem asterísco)

    Usando BBCodes Corretamente

    Ao aplicar um BBCode em um tópico, precisamos prestar atenção em como ele está sendo aplicado
    Não importa se o BBCode está em minúsculo ou maiúsculo
    Deve se usar o BBCode da seguinte forma: [url]*link*[/url] ou [url=*link*]*palavra*[/url]

    Incorreto:
    [url] https://www.youtube.com/watch?v=atuFSv2bLa8 [/url] - Foi deixado espaços entre o BBCode e o link, que na verdade deveriam estar todos juntos

    [url]https://www.youtube.com/watch?v=atuFSv2bLa8[url] - A finalização do BBCode está sem a barra /, que serve para indicar o fim de um BBCode

    Correto:
    [url]https://www.youtube.com/watch?v=atuFSv2bLa8[/url] - A forma correta de usar esse BBCode, no final temos isso: https://www.youtube.com/watch?v=atuFSv2bLa8

    Mesclar BBCodes

    Sim, é possível Mesclar vários BBCodes e criar uma imagem com link, um texto sublinhado com negrito e cor vermelha, etc
    Alguns podem ser bem complicados de se usar escrevendo, portanto a caixa de texto pode facilitar isso
    Um exemplo de imagem com link:

    Como usar:
    [url=*link*][img]*link da imagem*[/img][/url]

    Exemplo de uso:
    [url=http://br.forum.z8games.com/member/1140405-anchovy][img]http://i.imgur.com/DFa0fTH.png[/img][/url]

    Exemplo em ação (clique na imagem):

    Exemplos:

    [B], [I] e [U]

    Como usar:
    [i]Italic[/i]
    [b]Bold[/b]
    [u]Underline[/u]

    Exemplo:
    Italic
    Bold
    Underline

    [COLOR]

    Como usar:
    [color=red]Red[/color]
    [color=blue]Blue[/color]
    [color=#00F5FF]Turquesa (Código)[/color]

    Exemplo:
    Red
    Blue
    Turquesa (Código)

    [SIZE]

    Como usar:
    [size=16]Texto em tamanho 16[/size]

    Exemplo:
    Texto em tamanho 16

    [FONT]

    Como usar:
    [font=verdana]Texto em Verdana[/font]
    [font=arial]Texto em Arial[/font]
    [font=comic sans ms]Texto em Comic Sans[/font]

    Exemplo:
    Texto em Verdana
    Texto em Arial
    Texto em Comic Sans

    [LEFT], [CENTER] e [RIGHT]

    Como usar:
    [left]Esquerda[/left]
    [center]Centro[/center]
    [right]Direita[/right]

    Exemplo:
    Esquerda
    Centro
    Direita


    [URL]

    Como usar:
    [url]https://www.youtube.com/watch?v=atuFSv2bLa8[/url]
    [url=https://www.youtube.com/watch?v=atuFSv2bLa8]Manuel - Gas Gas Gas[/url]

    Exemplo:
    https://www.youtube.com/watch?v=atuFSv2bLa8
    Manuel - Gas Gas Gas

    [IMG]

    Como usar:
    [img]http://i.imgur.com/DFa0fTH.png[/img]
    [img]http://i.imgur.com/ExJUKwL.gif[/img]

    Exemplo:




    [QUOTE]

    Como usar:
    [quote]Modern talking, modern walking in the streets[/quote]
    [quote=Anchovy]New Desire, take me higher, lift me harder with your speed[/quote]

    Exemplo:
    Modern talking, modern walking in the streets
    Postado Originalmente por Anchovy
    New Desire, take me higher, lift me harder with your speed


    [YOUTUBE] e [VIDEO]

    Como usar:
    Use a parte em negrito para o Youtube: https://www.youtube.com/watch?v=dv13gl0a-FA
    [youtube]dv13gl0a-FA[/youtube]

    Use a parte em negrito para o Vídeo (pelo Vimeo nesse caso): https://vimeo.com/219724268
    [video=vimeo;219724268]https://vimeo.com/219724268[/video]

    Exemplo:





    [HR]

    Como usar:
    [hr][/hr]

    Exemplo:


    [SUP] e [SUB]

    Como usar:
    25[SUP]2[/SUP]=625
    Oooee[sub]eee[/sub]

    Exemplo:
    252=625
    Oooeeeee

    [LIST]

    Como usar:
    [list]Item 1
    Item 2
    Item 3[/list]


    Exemplo:
    • Item 1
      Item 2
      Item 3



    [NOPARSE*]

    Como usar (sem asterísco)
    [noparse*][b][color=red]Esse BBCode não se formará[/b][/color[[/noparse*]

    Exemplo:
    [b][color=red]Esse BBCode não se formará[/b][/color]

    [INDENT]

    Como usar (sem asterísco)

    [indent=6]Parágrafo[/indent]

    Exemplo:
    Parágrafo



    [TABLE]

    Dica: Você pode usar esse site para facilitar a criação das tabelas
    Ainda é complicado de entender, mas é muito melhor do que fazer manualmente

    Como usar:

    [table]
    [tr]
    [th]Running in the 90s[/th]
    [th] Gas Gas Gas[/th]
    [/tr]
    [tr]
    [td]Running in the nineties, is a new way I like to be
    I'm just running in the nineties
    Come on baby run to me
    We are running in the nineties, is a new way to set me free
    I'm just running in the nineties
    Yes I wanna know, yes I wanna see[/td]
    [td]Gas gas gas!
    I'm gonna step on the gas
    Tonight I'll fly and be your lover
    Yeah yeah yeah
    I'll be so quick as a flash
    And I'll be your hero

    [/td]
    [/tr]
    [/table]

    Exemplo:
    Running in the nineties, is a new way I like to be
    I'm just running in the nineties
    Come on baby run to me
    We are running in the nineties, is a new way to set me free
    I'm just running in the nineties
    Yes I wanna know, yes I wanna see
    Gas gas gas!
    I'm gonna step on the gas
    Tonight I'll fly and be your lover
    Yeah yeah yeah
    I'll be so quick as a flash
    And I'll be your hero
    Last edited by Anchovy; 01-06-17, 06:55 PM.

  • #2
    Ótimo tópico!

    Belo gosto na questão do Initial D.

    Comentário


    • #3
      Pra galera que gostaria de desfrutar melhor das tags, tentem ler apostilas de HTML que ajudará muito vocês a entender melhor como colocar as tags nos post.
      Mas o explicativo acima ficou show de bola!!!!

      Comentário


      • #4
        Postado Originalmente por freinkstoink Ver Postagem
        Ótimo tópico!

        Belo gosto na questão do Initial D.
        Obrigado, demorou um pouco para fazer ele

        Eu estava procurando por algo como exemplo no tópico, então peguei alguns Eurobeats/Avatares antigos e decidi usar eles
        Initial D foi demais, pena que acabou com a "morte" do AE86

        Comentário


        • #5
          Wow, Dashie! Guia completíssimo, será bem útil :3
          Sempre bom dar uma atualizada.
          É necessário sempre acreditar que um sonho é possível ♫

          Comentário


          • #6
            Parabéns Anchovy Ficou muito top esse guia,

            Vai ajudar bastante!

            TMJ!!

            Comentário


            • #7
              Ficou muito bom mesmo, de vez em quando, quando faço um post mais "requintado" uso BB, mas às vezes ainda me perco, isso é muito bom, antigamente eu usava isso direto, mas parei um pouco e depois perdi toda a manha.




              PS-off: Kimi no na Wa é muito bom cara.

              Comentário


              • #8
                Ótima guia, irá ajudar bastante!
                Green Arrow

                Comentário


                • #9
                  Só nos dift em alta velocidade ao som de Initial D, Sweet Dreams é para os fracos.

                  Zoeiras a parte foi um bom tópico, vai ajudar o pessoal que não manja muito(mesmo que tenha aquela aba para ajudar).

                  Comentário

                   

                  Principal

                  Instalar

                  Desinstalar

                  Atualizações

                  Fórum

                  Fale Conosco

                  Working...
                  X