•  
     

[Tutorial] BBCode

BBcode

O que é BBCode?

BBCode é uma implementação especial de HTML. Podes utilizar BBCode nas tuas mensagens no fórum MyGames, os que são permitidos são determinados pelo administrador. Quando editas mensagens tu podes desactivar, 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 MyGames é 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: SELECCIONAR TODOS
Olá



vai se tornar Olá

Para tornar o texto sublinhado.

CÓDIGO: SELECCIONAR TODOS
Bom Dia



torna-se Bom Dia

Para deixar o texto em itálico utilize.

CÓDIGO: SELECCIONAR TODOS
Grande!



Fica assim

Grande!

O botão
CÓDIGO: SELECCIONAR TODOS
como o nome indica é para alinhar o texto ao centro

CÓDIGO: SELECCIONAR TODOS
[Center]Ah e tal



Ficando assim

Ah e tal



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: SELECCIONAR TODOS
Olá!



ou

CÓDIGO: SELECCIONAR TODOS
Olá!

(Nosso fórum é assim)

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 50 e acaba em 200 (sendo 50 minúsculo e 200 enorme)

CÓDIGO: SELECCIONAR TODOS
PEQUENO



geralmente será PEQUENO

ou então

CÓDIGO: SELECCIONAR TODOS
ENORME!



fica ENORME!

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

CÓDIGO: SELECCIONAR TODOS
Thaays[/b]



Isto vai ficar Thaays

Como citar o texto de outro user?
Tu 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: SELECCIONAR TODOS



Este método permite que tu cites o texto com uma referência para uma pessoa! Por exemplo para tu citares uma parte do texto do Mr. Blobby podes fazê-lo da seguinte maneira:

CÓDIGO: SELECCIONAR TODOS
Mr. Blobby Escreveu:O texto que o Mr. Blobby escreveu poderia vir aqui



Resultado Final
Mr. Blobby Escreveu:]Mr. Blobby Escreveu:
O texto que o Mr. Blobby escreveu poderia vir aqui



Com isto é adicionado automaticamente a frase "Mr. Blobby escreveu" antes do actual texto. Lembra-te que tu deves incluir as aspas "" em volta do nome que está a ser citado, isto não é opcional.


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: SELECCIONAR TODOS


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

    CÓDIGO: SELECCIONAR TODOS
    • Vermelho
    • Azul
    • Amarelo



    Isto vai 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: SELECCIONAR TODOS



      Para criar uma lista alfabética

      CÓDIGO: SELECCIONAR TODOS



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

        CÓDIGO: SELECCIONAR TODOS
        1. Vá às lojas
        2. Compre um novo computador
        3. Compre com garantia e mande para o conserto se estragar



        Isto vai 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: SELECCIONAR TODOS



          Usas

          CÓDIGO: SELECCIONAR TODOS



            CÓDIGO: SELECCIONAR TODOS
            1. A primeira possível resposta
            2. A segunda possível resposta
            3. A terceira possível resposta


            Ficando
            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: SELECCIONAR TODOS
            [url][/url]



            CÓDIGO: SELECCIONAR TODOS



            Ficando assim

            http://www.mygames.pt


            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: SELECCIONAR TODOS


            CÓDIGO: SELECCIONAR TODOS
            Imagem



            O resultado final é este

            Imagem
            Última edição por thaays em 17 nov 2011 19:20, editado 1 vez no total.
             
            Obrigaada x)