Publicidade

 


BBCode

Explicação

BBCode é um conjunto de tags baseado na lingugem HTML com a qual você pode já estar familiariado. Ele permite que você adicione formatação a suas mensagens, do mesmo modo que o HTML faz, mas tem uma sintaxe mais simples e nunca quebrará o layout das páginas que você estiver vendo. A possibilidade de usar BBCode é ajustada para cada fórum pelo administrador, de modo que você deve conferir as regras do fórum quando você enviar uma nova mensagem.

Abaixo há uma lista das tags BBCode que você pode usar para formatar suas mensagens.

Lista de BBCode

  1. Negrito / Itálico / Sublinhar
  2. Cor
  3. Tamanho
  4. Fonte
  5. Enfatizar
  6. Esquerda / Direita / Centralizado
  7. Recuo
  8. Link para Email
  9. Links a URLs
  10. Link para Tópicos
  11. Link para Post
  12. Listas com Marcadores / Listas Avançadas
  13. Imagens
  14. Vídeos
  15. Código
  16. Código PHP
  17. Código HTML
  18. Citação
  19. Parar de interpretar BBCode
  20. Anexo
  21. divx
  22. daily motion
  23. Embedded flash G-Sat
  24. Embedded big flash G-Sat
  25. Gametrailers BB Code
  26. JW Player
  27. Google Maps
  28. MP3
  29. PhotoBucket
  30. SapoVideos BB Code
  31. strike
  32. Vimeo BB Code
  33. Big Vimeo BB Code
  34. Windows Media player
  35. WMV Player
  36. Image left align with text wrap
  37. Image right align with text wrap
Uso incorreto do BBCode:
  • [url] www.example.com [/url] - não coloque espaços entre o código existente dentro dos colchetes e o texto ao qual você está aplicando o código.
  • [email]myname@domain.com[email] - os colchetes finais necessitam incluir uma barra inclinada para a direita ([/email])

Negrito / Itálico / Sublinhar

As tags [b], [i] e [u] permitem que você cire texto que é exibido em negrito (b), itálico (i) e sublinhado (u).

    • [b]valor[/b]
    • [i]valor[/i]
    • [u]valor[/u]
    Uso
    • [b]este texto está em negrito[/b]
    • [i]este texto está em itálico[/i]
    • [u]este texto está sublinhado[/u]
    Exemplo de Uso
    • este texto está em negrito
    • este texto está em itálico
    • este texto está sublinhado
    Saída de Exemplo

Cor

A tag [color] permite que você mude a cor do seu texto.

  • [color=Opção]valor[/color]
    Uso
  • [color=blue]este texto é azul[/color]
    Exemplo de Uso
  • este texto é azul
    Saída de Exemplo

Tamanho

A tag [size] permite que você mude o tamanho da fonte do texto.

  • [size=Opção]valor[/size]
    Uso
  • [size=+2]este texto é duas vezes maior que o normal[/size]
    Exemplo de Uso
  • este texto é duas vezes maior que o normal
    Saída de Exemplo

Fonte

A tag [font] permite que você altere a fonte do texto.

  • [font=Opção]valor[/font]
    Uso
  • [font=courier]este texto está na fonte courier[/font]
    Exemplo de Uso
  • este texto está na fonte courier
    Saída de Exemplo

Esquerda / Direita / Centralizado

As tags [left], [right] e [center] permitem que você modifique o alinhamento do texto.

    • [left]valor[/left]
    • [center]valor[/center]
    • [right]valor[/right]
    Uso
    • [left]este texto está alinhado à esquerda[/left]
    • [center]este texto está centralizado[/center]
    • [right]este texto está alinhado à direita[/right]
    Exemplo de Uso
  • este texto está alinhado à esquerda
    este texto está centralizado
    este texto está alinhado à direita
    Saída de Exemplo

Recuo

A tag [indent] permite alterar o recuo do texto.

  • [indent]valor[/indent]
    Uso
  • [indent]este texto está recuado[/indent]
    Exemplo de Uso
  • este texto está recuado
    Saída de Exemplo

Link para Email

A tag [email] permite inserir um link para um endereço de email. Você pode adicionar um parâmetro opcional para dar um nome ao link.

Links a URLs

A tag [url] permite que você faça links para outros websites e arquivos. Você pode incluir um parâmetro adicional para dar um 'nome' ao link.

    • [url]valor[/url]
    • [url=Opção]valor[/url]
    Uso
    • [url]https://www.g-sat.net[/url]
    • [url=https://www.g-sat.net]G-Sat[/url]
    Exemplo de Uso
  • Saída de Exemplo

Link para Tópicos

A tag [thread] permite que você estabeleça um link para um tópico, indicando o identificador do tópico. Você pode incluir um parâmetro opcional para dar um 'nome' ao link.

    • [thread]ID do Tópico[/thread]
    • [thread=ID do Tópico]valor[/thread]
    Uso
    • [thread]42918[/thread]
    • [thread=42918]Clique-me![/thread]
    (Note: O threadid/postid é apenas um exemplo e poderá não conectar a uma mensagem ou tópico existente.)
    Exemplo de Uso
  • Saída de Exemplo

Link para Post

A tag [post] permite a você estabelecer um link para um post, mediante especificação do identificador do post. Você pode incluir um parâmetro opcional para dar um 'nome' ao link.

Listas com Marcadores

A tag [list] permite a você criar listas simples, com marcadores, sem especificar uma opção.
Dentro da lista, cada marcador é indicado pela tag [*].

  • [list]valor[/list]
    Uso
  • [list]
    [*]Item de lista 1
    [*]Item de lista 2
    [/list]
    Exemplo de Uso
    • Item de lista 1
    • Item de lista 2
    Saída de Exemplo

Listas Avançadas

A tag [list] permite que você crie listas avançadas, especificando uma opção.
A opção deverá ter o valor 1 (para listas numeradas) ou A (para uma lista em ordem alfabética com letras maiúsculas)
ou a (para uma lista em ordem alfabética com letras minúsculas) ou I (para uma lista numerada com números romanos em maiúsculas)
ou i (para uma lista em números romanos em minúsculas).

  • [list=Opção]valor[/list]
    Uso
  • [list=1]
    [*]Item de lista 1
    [*]Item de lista 2
    [/list]

    [list=A]
    [*]Item de lista 1
    [*]Item de lista 2
    [/list]

    [list=a]
    [*]Item de lista 1
    [*]Item de lista 2
    [/list]
    Exemplo de Uso
    1. Item de lista 1
    2. Item de lista 2
    1. Item de lista 1
    2. Item de lista 2
    1. Item de lista 1
    2. Item de lista 2
    Saída de Exemplo

Imagens

A tag [img] permite que você inclua imagens em suas mensagens.
Você também pode combinar essa tag com a tag [url] para transformar imagens em links.

  • [img]valor[/img]
    Uso
    • [img]https://www.g-sat.net/images/statusicon/forum_new-48.png[/img] (Não Linkado)
    • [url=http://www.example.com] [img]https://www.g-sat.net/images/statusicon/forum_new-48.png[/img] [/url] (Linkado)
    Exemplo de Uso
    • (Não Linkado)
    • (Linkado)
    Saída de Exemplo

Vídeos

A tag [video] permite que você insira vídeos de vários serviços de vídeo em as suas mensagens.

  • [video]valor[/video]
    Uso
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Exemplo de Uso
    Saída de Exemplo

Código

A tag [code] alterna para uma fonte de largura fixa (monoespaçada) e preserva o espaçamento.

  • [code]valor[/code]
    Uso
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    Exemplo de Uso
  • Código:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Saída de Exemplo

Código PHP

A tag [php] tem a mesma função da tag [code], mas adicionada enfatização da sintaxe para o código PHP. Embora desenvolvido para PHP, poderá enfatizar corretamente algumas outras linguagens semelhantes ao C.

  • [php]valor[/php]
    Uso
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Exemplo de Uso
  • Código PHP:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    Saída de Exemplo

Código HTML

A tag [html] permite que você enfatize a sintaxe para código HTML.

  • [html]valor[/html]
    Uso
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    Exemplo de Uso
  • Código HTML:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Saída de Exemplo

Citação

A tag [quote] permite que você faça citações de textos de terceiros.

    • [quote]Citação[/quote]
    • [quote=Nome do Utilizador]valor[/quote]
    Uso
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;1121352]Lorem ipsum dolor sit amet[/quote]
    Exemplo de Uso
    • Lorem ipsum dolor sit amet
    • Citação Mensagem Original de John Doe
      Lorem ipsum dolor sit amet
    • Citação Mensagem Original de John Doe Ver Post
      Lorem ipsum dolor sit amet
    Saída de Exemplo

Enfatizar

A tag [highlight] permite que você enfatize o texto.

  • Uso
    [highlight]valor[/highlight]
  • Exemplo de Uso
    [highlight]este texto está enfatizado[/highlight]
  • Saída de Exemplo
    este texto está enfatizado

Parar de interpretar BBCode

A tag [noparse] permite que você impeça o processamento do BB Code.

  • [noparse][b]valor[/b][/noparse]
    Uso
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Exemplo de Uso
  • [b]Lorem ipsum dolor sit amet[/b]
    Saída de Exemplo

Anexo

A tag [attach] permite a você exibir um anexo em sua mensagem, em vez de exibir abaixo dela. Isso apenas exibirá anexos que pertençam à mensagem em que estiver sendo utilizada.

  • [attach]ID do Anexo[/attach]
    Uso
  • [attach]12345[/attach]
    Exemplo de Uso
  • Saída de Exemplo

divx

  • [divx]valor[/divx]
    Uso
  • [divx]Link to avi file[/divx]
    Exemplo de Uso
  • Saída de Exemplo

daily motion

Daily Motion Videos

  • [dm]valor[/dm]
    Uso
  • [dm]7mDGLG33yLS2r9LkS[/dm]
    Exemplo de Uso
  • ERROR: If you can see this, then Dailymotion is down or you don't have Flash installed.
    Saída de Exemplo

Embedded flash G-Sat

Flash Files no G-Sat

  • [ff]valor[/ff]
    Uso
  • [ff]Link do ficheiro swf][/ff]
    Exemplo de Uso
  • Saída de Exemplo

Embedded big flash G-Sat

Big Flash Files no G-Sat

  • [ff1]valor[/ff1]
    Uso
  • [ff1]Link do ficheiro swf][/ff1]
    Exemplo de Uso
  • Saída de Exemplo

Gametrailers BB Code

Gametrailers.com BBCode

  • [gt]valor[/gt]
    Uso
  • [gt]20350[/gt]
    Exemplo de Uso
  • Saída de Exemplo

JW Player

Descrição: BBcode para inserir videos FLV no site

  • [jw]valor[/jw]
    Uso
  • [jw]http://www.seuvideo.flv[/jw]
    Exemplo de Uso
  • This text will be replaced
    Saída de Exemplo

Google Maps

Add Google maps to the forum. Locate the place of interest you want, using maps.google.com then click LINK icon right hand side, and copy the link info in the very first box, and paste between the [maps] tags

  • [maps]valor[/maps]
    Uso
  • [maps]http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=birkdale,+qld&sll=37.0625,-95.677068&sspn=33.901528,71.894531&ie=-27.487563,153.21928&spn=0.074162,0.140419&z=13&iwloc=A[/maps]
    Exemplo de Uso
  • Saída de Exemplo

MP3

mp3 embed

  • [mp3]valor[/mp3]
    Uso
  • [mp3] link.mp3 [/mp3]
    Exemplo de Uso
  • Saída de Exemplo

PhotoBucket

Deve remover essa parte do link para funcionar ?action=view¤t=

  • [photobucket]valor[/photobucket]
    Uso
  • [photobucket]http://s284.photobucket.com/albums/ll6/gfxlounge_bucket/Slide%20test/6b14c399.pbw[/photobucket]
    Exemplo de Uso
  • Saída de Exemplo

SapoVideos BB Code

SapoVideos embeded videos

  • [sapo]valor[/sapo]
    Uso
  • [sapo]ejOJkcs-a7s[/sapo]
    Exemplo de Uso
  • Saída de Exemplo

strike

Texto Rasurado

  • [strike]valor[/strike]
    Uso
  • [strike]Teste[/strike]
    Exemplo de Uso
  • Teste
    Saída de Exemplo

Vimeo BB Code

Vimeo.com BBCode

  • [vv]valor[/vv]
    Uso
  • [vv]84713245[/vv]
    Exemplo de Uso
  • Saída de Exemplo

Big Vimeo BB Code

Big Vimeo.com BBCode

  • [vv2]valor[/vv2]
    Uso
  • [vv2]84713245[/vv2]
    Exemplo de Uso
  • Saída de Exemplo

Windows Media player

  • [wmedia=Opção]valor[/wmedia]
    Uso
  • [wmedia=45]http://64.191.79.22:8000[/wmedia]
    Exemplo de Uso
  • Saída de Exemplo

WMV Player

  • [wmv]valor[/wmv]
    Uso
  • [wmv]endereco.wmv[/wmv]
    Exemplo de Uso
  • Saída de Exemplo

Image left align with text wrap

This tag allows you to left align an image with text wrap.

  • [wrap]valor[/wrap]
    Uso
  • [WRAP]http://www.g-sat.net/logo.png[/WRAP]
    Exemplo de Uso
  • Saída de Exemplo

Image right align with text wrap

This tag allows you to right align an image with text wrap.

  • [wrapr]valor[/wrapr]
    Uso
  • [WRAPR]http://www.g-sat.net/logo.png[/WRAPR]
    Exemplo de Uso
  • Saída de Exemplo