BBcode o que é? Como usar?

BBCode

O que é BBCode?

BBCode é uma implementação especial de HTML. Podes utilizar BBCode nas tuas mensagens no PowerPixel Fórum, os que são permitidos são determinados pelo administrador. Quando editas mensagens você pode desativar, bem como adicionar/modificar o BBCode . O BBCode em sí é parecido ao HTML, porém as tags são usadas com parêntesis rectos "[ e ]" em vez de < e >. Contando com o modelo que estás a utilizar tu podes utilizar o BBCode de maneira muito mais rápida e fácil, basta clicar sobre os botões na caixa de ferramentas que têm em cima quando estão a criar um tópico ou a fazer um reply, isto pode ser utilizado tanto para publicação de novos tópicos como para edição dos mesmos.

Como usar BBcode?

O BBcode é como tudo parece difícil e confuso mas quando se começa a usar e a conhecer maneiras mais rápidas de o implementar é muito simples. A vossa primeira vez no Windows também não deve ter sido pêra doce certo?
Antes de começar-mos vou-vos dizer o meu metodo, a mim sempre me ensinaram a escrever tudo primeiro e depois formatar o texto, ou seja, limar as arestas, é isso que eu faço quando escrevo aqui para o PowerPixel é claro que depois depende de pessoa para pessoa mas assim dá-me mais jeito.

Formatar Texto

Como deixar o texto em itálico, sublinhado ou em negrito?

Código:

[b]Olá[/b]

Vai se tornar "Olá"

Para tornar o texto sublinhado.

Código:

[u]Bom Dia![/u]

Irá ficar Bom Dia!

Para deixar o texto em Itálico basta fazer o seguinte:

Código:

[i]Boa Noite![/i]

Resultado: Boa Noite!

Para deixar a mensagem no Centro:

Código:

[center]Power Pixel Fórum[/center]

Resultado:

Como modificar a cor e tamanho do texto

Para modificar a cor do texto tu precisas de utilizar a tag [*color=][/color]. Tu podes especificar uma cor utilizando o nome da mesma em inglês (eg. red, blue, yellow, etc.) ou utilizando valor em hexadecimais como #FFFFFF, #000000. A maneira mais simples resume-se em seleccionar com o rato o texto que querem mudar a cor e usar [Cor da Fonte] na caixa das ferramentas.

Código:

[color=red]Olá![/color]

OU

Código:

[color=#FF0000]Olá![/color]

para ambas modificações fica Olá!

Para modificar o tamanho do texto seguimos um caminho parecido, para isto utilizamos as tags [size=][/size]. Esta tag depende do template do fórum, pois cada template tem características diferentes. Este BBCode do fórum começa em 8 e acaba em 50 (sendo 8 minúsculo e 50 enorme)

Código:

[size=8]PEQUENO[/size]

Geralmente será PEQUENO

Ou então

Código:

[size=25]ENORME![/size]

fica ENORME!

Posso usar múltiplas tags?
Sim é possível usar múltiplas tags como eu vou mostrar de seguida

Código:

[size=25][color=#FF0000][b][/b]PowerPixel[b][/b][/color][/size][/b]

PowerPixel[/b]

Como citar o texto de outro user?
Você pode podes citar texto de duas maneiras, uma das maneiras é com referência e a outra sem referência.
Quando utilizas a função de citar uma resposta o texto é adicionado para dentro de uma janela de mensagem dentro de um

Código:

[quote=""][/quote]

este código permite que você cite o texto com referência a uma pessoa. Veja o exemplo que irei fazer agora:

Brandow escreveu:Power Pixel está crescendo !!

Código:

[quote="Brandow"]Power Pixel está crescendo !![/quote]

Nota: A maneira mais simples de fazer citar é simplesmente carregar no botão que diz "Citar" na resposta de cada user, quando quiserem fazer múltiplo citar há uma maneira muito simples, Clique direito no citar de cada user que querem e façam abrir em nova janela depois copiam o código das pessoas todas que querem citar e juntam simples

Como criar uma lista não ordenada?
BBCode suporta dois tipos de listas, as ordenadas e as não-ordenadas. Ambas são iguais no código HTML, apenas muda o formato da tag. Uma lista não-ordenada cria cada ítem em forma sequencial. Para criar uma lista não-ordenada deves usar

Código:

[list][/list]

deves usar [*] para definir cada item. Por exemplo, para as tuas cores favoritas podes fazer da seguinte maneira:

Código:

[list]
[*]Vermelho
[*]Azul
[*]Amarelo
[/list]

Irá gerar a seguinte lista:

• Vermelho
  
• Azul
  
• Amarelo
  

[color=redComo criar uma lista ordenada?[/color]
O segundo tipo de lista é uma lista ordenada.

Para criar uma lista numerada

Código:

[list=1][/list]

Para criar uma lista Alfabética

Código:

[list=A][/list]

Como nas listas não-ordenadas os itens são especificados usando [*]. Por exemplo:

Código:

[list=1]
[*]Vá às lojas
[*]Compre um novo computador
[*]Compre com garantia e mande para o conserto se estragar
[/list]

Irá gerar o Seguinte:

1. Vá às lojas
   
2. Compre um novo computador
   
3. Compre com garantia e mande para o conserto se estragar
   

Para uma lista alfabética fazes a mesma coisa mas invés de se usar

Código:

[list=1][/list]

Use

Código:

[list=A][/list]

Código:

[list=a]
[*]A primeira possível resposta
[*]A segunda possível resposta
[*]A terceira possível resposta
[/list]

Irá gerar:

1. A primeira possível resposta
   
2. A segunda possível resposta
   
3. A terceira possível resposta
   

Como criar links simples e personalizados?
Existem duas maneiras de criar um link simples a primeira é simplesmente copiar/colar o link aqui na janela que o fórum processa automaticamente o URL ou então usando as tags

Código:

[url][/url].

Código:

[url=http://www.power-pixel.net]Power Pixel Fórum - Acesse

[/url]

Power Pixel Fórum - Clique Aqui

Nota: Uma maneira simples e rápida para fazer um link personalizado é escrever o nome que vamos dar ao link de seguida seleccionar o texto e carregar no botão [URL] vão reparar que esse texto ficou entre [*url][/url] agora na primeira caixa basta adicionar "=(URL do site)" e já está é rapido e simples.

Como posso colocar imagens?
Para colocar imagens é relativamente simples, apenas precisam do URL do site em que a imagem se encontra e usar as tags.

Código:

 [img][/img] .

Código:

 [img] http://yourimg.in/m/zsr49z6.png [/img].

Resultado final:



Como por vídeos do youtube e de outros sites?

Existem duas maneiras

A primeira não permite personalização do player, basta porem o código do vídeo , ou seja, estão a ver este link https://www.youtube.com/watch?v=8k4RURatTzw

Basta só colocarem o código (ver em baixo)

Código:

 [flash(425,350)] http://www.youtube.com/v/8k4R URatTzw [/flash]

e o resultado é este



A segunda maneira é quando vão ao youtbe já devem ter reparado que do vosso lado direito existe uma caixa que diz URL e Embed o que nós vamos precisar é do código Embed, façam copiar/colar aqui na janela. Agora selecionem o código e pressionem o botão

Código:

 [youtube]

Código:

 [flash(425,344)]http://www.youtube.com/v/b0vCkNcTmTs&hl=en&fs=1&rel=0&color1=0x234900&color2=0x4e9e00[/flash]

Agora de sites como por exemplo o gametrailers, basta copiarem e colarem o URL do vídeo, seleccionar o texto e carregar no botão

Código:

[video].

Assim

Código:

[video]http://www.gametrailers.com/player/49268.html[/video].

Reparem que está dentro da TAG

Código:

[video][/video].

Resultado:

[video]http://www.gametrailers.com/player/49268.html[/video]

e pronto espero que isto ajude alguém, pode parecer confuso mas na realidade não é nada


Outra coisa, para mim a maneira mais simples de usar [color=red]BBcode[color] é selecionar por exemplo o texto que quero por a Bold e carregar no botão respectivo da caixa de ferramentas.
A caixa de ferramentas é vossa amiga!

O BBcode é basicamente uma maneira de vocês darem outro ar aos vossos posts e darem enfâse a uma coisa Importante ou simplesmente por diversão, experimentem mistrurar várias tags que é engraçado mas não se ponham é a fazer posts às coresinhas que isso é larilas xD.


OBS: Tem alguns Códigos que o Power Pixel não tem.

Muito bom o tutorial!
Vai facilitar quem não sabe na organização dos posts.
Mereçe um +!

Deus me ajuuuuuuuuuuudou muiiiiito cezinhhhhaaaa eu precisa disso tava enrolada por causa disso D:

--------------------------

Bom tutorial!!
Eu gosto muito de BBcode porque é super simples!
Alem de poder editar com Css. :)

bom tutu :D

muito bom topico

Algumas coisas eu já sabia mas vlw mesmo assim.