Humor Nota 10!

Você não está conectado. Conecte-se ou registre-se

BBcode o que é? Como usar?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

19xStudio BBcode o que é? Como usar? em Sex Set 28, 2012 11:45 am

Conrado

avatar
Administrador
Administrador
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]United Fórum[/center]

Resultado:
United Fórum



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]United Fórum[b][/b][/color][/size]

United Fórum

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:

Daniel escreveu:Nos estamos chegando lá ''Foco , Força e Fé ''

Código:
[quote="Daniel"]Nos estamos chegando lá ''Foco , Força e Fé ''[/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


Como criar uma lista ordenada?

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://humor-nota10.olympicweb.net/]United Fórum - acesse agora![/url]

Resultado: United Fórum - acesse agora!

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://i32.servimg.com/u/f32/17/62/49/09/novo_b10.png[/img]

Resultado Final:





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

Vou mostra um jeito muito simples e bem mais fácil

Código:
[youtube] [/youtube]

Código:
[flash(425,350)]http://www.youtube.com/v/kCh0SBOrc-c[/flash]

Resultado Final:




Bom espero ter ajudado alguns de você ai que estava em dúvidas os métodos do BBcode.


Créditos pelo autor do Tópico: ƈēʑƗƞƕā Ɓ.Đ.√

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum