O que é BBCode?
Criar um texto em negrito, itálico, sublinhado ou riscado
Como modificar o tamanho, a cor ou a fonte do texto?
Posso combinar as balisas na formatação?
Quote nas respostas?
Código ou fonte única
Criar uma lista não-ordenada
Criar uma lista ordenada
Adicionar uma imagem à sua mensagem
Posicionamento do texto
Adicionar uma animação flash à uma mensagem
O tutorial será continuado em breve. Vou usar a fonte Verdana, pois é a mais legível que existe nos bbc, eu acho.
O BBCode é a abreviação de Bulletin Board Code. Consiste, na verdade, em uma implementação do HTML. A ativação do uso do BBCode é determinado pelo administrador do fórum. Você pode desativar o BBCode em uma mensagem no momento da elaboração da mensagem. O BBCode é, nele mesmo, similar ao estilo HTML, os seus elementos, balisas, são delimitados por colchetes [ e ] , ao invés de < e >, e oferecem um melhor controle sobre como a informação será visualizada. De acordo com o modelo de documento que você lê, você pode adicionar BBCode às suas mensagens através de uma interface de botões clicáveis acima da caixa de texto. Neste sentido, o guia abaixo será útil.
Criar um texto em negrito, itálico, sublinhado ou riscado
- Spoiler:
- O BBCode compreende balisas que lhes permite modificar rapidamente o estilo do seu texto. Isto se faz das seguintes maneiras :
Para colocar uma parte do texto em negrito:
- Código:
[b]Olá[/b]
Para sublinhar um texto:
- Código:
[u]Surpresa[/u]
Para colocar uma parte do texto em itálico:
Olá
Resultado: Olá
Para "barrar" um texto:
- Código:
[strike]Olá[/strike]
Olá
Como modificar o tamanho, a cor ou a fonte do texto?
- Spoiler:
- Para modificar a cor, o tamanho ou a fonte do seu texto, as seguintes balisas podem ser utilizadas (lembre-se sempre que o resultado do texto dependerá do seu navegador e do seu sistema operacional):
Para modificar a cor do seu texto, você pode especificar seja o nome da cor reconhecida (ex: red, blue, yellow, etc.), ou através de código cor hexadecimal (ex: #FFFFFF, #000000):
- Código:
[color=red]Cor vermelha (red)[/color] ou [color=#FF0000]Cor vermelha (#FF0000)[/color]
Para modificar o tamanho do seu texto realizado, você deve especificar o tamanho do texto em pixels, de 1 (tão que pequeno que não será visível) até 29 (muito grande):
- Código:
[size=9]PEQUENO[/size] ou [size=24]ENORME[/size]
Resultado: PEQUENO ou ENORME
Para modificar a fonte, você deve especificar uma fonte reconhecida (ex.: Verdana, Arial), se um usuário não dispõe desta fonte uma outra lhe será disponibilizada par défaut :
- Código:
[font=Arial]Fonte Arial[/font] ou [font=Comic Sans Ms]Fonte Comic Sans Ms[/font]
Posso combinar as balisas na formatação?
- Spoiler:
- Sim, claro que você pode, por exemplo, para atrair a atenção de alguém, você pode escrever:
- Código:
[size=18][color=red][b]OLHA PRA MIM ![/b][/color][/size]
Porém, nós não aconselhamos escrever muito texto como aqui acima ! Lembre-se de que é você o responsável em garantir a boa abertura e fechamento das balisas. Por exemplo, isso é correto:
- Código:
[b][u]Isto é normal[/b][/u]
- Código:
[b][u]isso é correto[/u][/b]
Quote nas respostas?
- Spoiler:
- Existem dois métodos para citar um texto, com ou sem referência.
O exemplo da referência, para citar um texto escrito pelo "Membro 1", você deverá digitar:
- Código:
[quote="Membro 1"]Aqui deverá ser digitado o texto escrito pelo senhor Silva[/quote]
Membro 1 escreveu:Esta é uma mensagem fake escrita pelo Membro 1 feita por Polytron do cargo de Estágio com os poderes de um Estagiário comum.
O segundo método permite citar qualquer texto sem fazer referência ao autor. Para isso:
- Código:
[quote]Citação sem referência[/quote]
Citação sem referência
Código ou fonte única
- Spoiler:
- Se você quiser visualizar as linhas do código (HTML e outros) ou qualquer outra coisa que necessite uma fonte única (por exemplo com a fonte "Courrier"), você deve utilizar o seguinte BBCode :
- Código:
[code]echo"Isto é um código";[/code]
- Código:
echo "Isto é um código";
É exatamente o que nós utilizamos nesta ajuda para exemplificar todos os bbcodes que você pode utilizar.
Criar uma lista não-ordenada
- Spoiler:
- Uma lista não-ordenada produz uma lista onde as entradas estão organizadas uma abaixo da outra e identificadas por um ponto.
Para criar uma lista não-ordenada, utilize:
- Código:
[*]Vermelho[*]Azul[*]Amarelo[/list]
Resultado:
Vermelho
Azul
Amarelo
Criar uma lista ordenada
- Spoiler:
- O segundo tipo de lista, lhe possibilita um controle sobre o que será visualizado antes de cada entrada. Para criar uma lista ordenada, existem duas possibilidades:
Uma lista enumerada:
- Código:
[list=1][*]Ir ao Shopping[*]Comprar um novo computador[*]Gritar contra seu computador sempre que ele bloca[/list]
- Ir ao Shopping
- Comprar um novo computador
- Gritar contra seu computador sempre que ele bloca
Uma lista alfabética :
- Código:
[list=a][*]A primeira resposta possível[*]A segunda resposta possível[*]A terceira resposta possível[/list]
- A primeira resposta possível
- A segunda resposta possível
- A terceira resposta possível
Adicionar uma imagem à sua mensagem
- Spoiler:
- O BBCode possui uma balisa para incorporar imagens à suas mensagens. Saiba que para utilizar esta balisa, dois pontos são importantes: primeiro, muitos usuário não apreciam muitas imagens em uma mensagem, e segundo, as imagens que você quer divulgar já devem estar disponíveis na internet (elas não podem exister somente em seus computadores por exemplo, salvo se o seu computador for um servidor de internet!). Você pode hospedar as suas imagens na internet graças aos hospedadores de imagens tais como www.servimg.com.
Para visualizar uma imagem, você deve proceder desta forma:
- Código:
[img]http://2img.net/i/fa/admin/icones/editer.png[/img]
Você pode colocar uma imagem em um link se você quiser (cabe a você de garantir a ordem de abertura e fechamento das balilsas), por exemplo:
- Código:
[url=etherionots.forumeiros.com][img]http://2img.net/i/fa/admin/icones/editer.png[/img][/url]
Posicionamento do texto
- Spoiler:
- Quatro possibilidades de posicionamento são propostos:
Alinhamento à esquerda:
- Código:
[left]Frase alinhada à esquerda[/left]
Frase alinhada à esquerda
Alinhamento ao centro:
- Código:
[center]Frase centrada[/center]
Frase centrada
Alinhamento à direita:
- Código:
[right]Frase alinhada à direita[/right]
Frase alinhada à direita
Justificad :Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.Resultado:Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.
Adicionar uma animação flash à uma mensagem
- Spoiler:
- Você tem à sua disposição dois métodos para inserir uma animação em flash em suas mensagens.
Premeiro método com o BBcode flash:
- Código:
[flash(200,40)]http://illiweb.com/fa/i/forumeiros.swf[/flash]
Segundo método BBcode embed-flash:
- Código:
[embed-flash(200,40)]http://illiweb.com/fa/i/forumeiros.swf[/embed-flash]
O tutorial será continuado em breve. Vou usar a fonte Verdana, pois é a mais legível que existe nos bbc, eu acho.
Última edição por Polytron em Qui Jan 17, 2013 3:54 pm, editado 3 vez(es) (Motivo da edição : Continuação.)