The Plaza

http://forumtheplaza.izihost.org/wbb2/
 
InícioPortalCalendárioFAQBuscarRegistrar-seMembrosGruposConectar-se

Compartilhe | 
 

 Bbcode - By susy

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Length
Administrador
Administrador
avatar

Masculino
Número de Mensagens : 113
Data de inscrição : 31/05/2007

Character sheet
Advertências:

MensagemAssunto: Bbcode - By susy   Sab Jun 09, 2007 10:38 pm

Guia do BBCode


O que é o BBCode?

BBCode é uma implementação especial de HTML. A possibilidade em poder usar BBCode nas suas mensagens é determinada pelo Administrador dos fóruns. Adicionalmente, você pode poderá desligar o BBCode em cada mensagem assinalando Desactivar BBCode nesta mensagem abaixo da caixa principal de cada mensagem. BBCode por si mesmo é similar em estilo ao HTML, as etiquetas (tags) são incluídas em parêntesis rectos [ and ] em vez de < e > proporcionando um maior controle do que haja a fazer bem como da sua apresentação. A tarefa de adicionar BBCode às suas mensagem é facilitada pelo uso de um painel colocado imediatamente acima à caixa principal das mensagens, dependendo do modelo de phpBB em uso, onde pode escolher e aplicar os vários itens consoante o código que pretenda aplicar. Apesar da existência desse painel decerto que este guia irá ser-lhe útil.

Formatos de Texto

Como criar texto sobrecarregado, itálico e sublinhado
O BBCode inclui etiquetas que lhe permitem mudar rapidamente o estilo básico do texto. Isto é possível das seguintes formas:

Negrito: [ b]Texto[/b]

Sublinhado: [ u]Texto[/u]

Itálico: [ i]Texto[/i]

*Retirar os espaços

Como mudar a cor ou o tamanho do texto
Para alterar a cor ou o tamanho do texto devem ser usadas as seguintes etiquetas. Ter em mente que a forma como aparecerá no monitor de cada visitante depende do 'browser' ou do sistema que use:

    A mudança da cor do texto é feita englobando-o em . Tanto pode especificar o nome de uma cor conhecida (terá que ser em ingês) (por exempllo, red, blue, yellow, etc.) ou especificando o seu valor hexadecimal, ou seja, #FFFFFF, #000000. Por exemplo, para criar texto em vermelho poderá usar:


[color:eb9a=red:eb9a]Cor: [ color=red]Olá!

ou

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

Exemplos:

Olá!

ou

[color:eb9a=#FF0000:eb9a]Olá!

*Retirar espaços

    A mudança do tamanho do texto pode ser feita de uma forma similar, usando [size=][/size]. Esta etiqueta está dependente do Modelo de phpBB que você se encontre a usar mas o formato recomendado é um valor numérico representando o tamanho de texto em pixels, começando em 1 (tão pequeno que praticamente não se vê) até 29 (enorme). Por exemplo:


Tamanho: [ size=9]PEQUENO[/size] / [ size=24]ENORME![/size]

Exemplos:

PEQUENO

Ou

ENORME!

*Retirar espaços

Posso combinar etiquetas de formato?
Sim, claro que pode. Por exemplo, para cativar a atenção de alguém poderá escrever:

[ size=18][ color=red][ b]OLHE PARA MIM![/b][/size]

Ficará assim:

OLHE PARA MIM!

Citar e produzir texto de largura fixa
Citar texto em respostas

Há duas formas de reproduzir texto previamente feito (normalmente uma réplica de uma mensagem anterior), com ou sem referência.

* Quando utiliza a função Citar para responder a uma mensagem no fórum, note que o texto dessa mensagem é adicionado ao corpo da messagem incluído num
escreveu:
bloco. Este método permite-lhe citar com uma referência a uma pessoa ou o que você decida colocar! Por exemplo, para citar uma peça de texto que Mr. Blobby escreveu, você escreverá:

[ quote="Mr. Blobby"]O texto que Mr. Blobby escreveu irá aqui[/quote]

No resultado será adicionado automaticamente, Mr. Blobby escreveu: antes do texto citado. De notar que você tem que incluir aspas "" à volta do nome que esteja a citar.

* O segundo método permite-lhe citar algo sem referência a alguém ou algo. Para o fazer, englobe o texto em etiquetas
Citação :
. Quando verificar a mensagem verá que simplesmente surge, Citação: antes do texto.

Exemplo:
Mr. Blobby escreveu:
O texto que Mr. Blobby escreveu irá aqui

Ou

Citação :
O texto que Mr. Blobby escreveu irá aqui

Produzir código ou texto com uma largura fixa

Se pretende reproduzir uma porção de código ou de facto algo que requeira uma largura fixa, ou seja, tipo de fonte Courier, englobe o texto em etiquetas
Código:
, como por exemplo:

Código:
echo "Isto é algum código";

O formato usado entre as etiquetas
Código:
é preservado quando posteriormente o verificar.

Gerar listas
Criar uma lista sem ordem específica
O BBCode aceita dois tipos de listas, sem ordem e ordenada. São basicamente o mesmo que em HTML. Uma lista sem ordem produz cada item de uma forma sequencial, um a seguir ao outro, precedendo-o um caracter constante. Para a criar usar
    e colocar cada item entre essas etiquetas, usando [*] antes de cada um. Por exemplo, para listar as suas cores favoritas, pode escrever:

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

    Isto irá aparecer como:


    • Vermelho
    • Azul
    • Amarelo


    Criar uma lista ordenada
    O segundo tipo de listas, a ordenada, proporciona-lhe controle do que vá aparecer antes de cada item. Para criar uma lista ordenada você usará
      de forma a criar uma lista numérica ou,
        , para uma lista alfabética. Da mesma forma que para o tipo de lista sem ordem os itens são precedidos de [*]. Por exemplo:

        [ list=1]
        [*]Ir às compras
        [*]Comprar um computador novo
        [*]Insultar o computador quando fica bloqueado
        [/list]

        produzirá o seguinte:


        1. Ir às compras
        2. Comprar um computador novo
        3. Insultar o computador quando fica bloqueado


        Enquanto que para uma lista alfabética você usará:

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

        resultando em



        1. A primeira resposta
        2. A segunda resposta
        3. A terceira resposta


        *Retirar espaços

        Criar atalhos
        Criar um atalho para outra página/site
        O phpBB BBCode aceita um número variável de formas para criar URIs, Uniform Resource Indicators, melhor conhecidos como URLs.

        A primeira dessas formas é usando a etiqueta [url=][/url]. O que quer que escreva depois do sinal = faz com que o conteúdo dessa etiqueta aja como um URL. Por exemplo, para fazer uma ligação-atalho à página phpBB.com escreve:

        [ url=http://www.phpbb.com/]Visite phpBB![/url]

        *Retirar espaços

        Resultado:

        Visite phpBB!

        Isto irá resultar no atalho seguinte: Visite phpBB!. Veja que a página irá abrir numa janela nova de forma a que o utilizador possa continuar nos fóruns.

        Se pretende que o URL esteja à vista, faça simplesmente isto:

        [ url]http://www.phpbb.com/[/url]

        *Retirar espaços

        Tal resultará no seguinte atalho: http://www.phpbb.com/

        Adicionalmente o phpBB possui algo chamado Atalhos Mágicos, função que permite transformar automaticamente qualquer URL escrito com um sintaxe correcto num atalho sem ser necessário especificar quaisquer etiquetas ou mesmo o prefixo http://. Por exemplo, escrevendo www.phpbb.com na sua mensagem, automaticamente resultará em www.phpbb.com quando vir essa mensagem.

        A mesma coisa se aplica aos endereços de email, podendo especificar o endereço. Por exemplo:

        [ email]ninguem@domain.adr[/email]

        *Retirar espaços

        que resultará em ninguem@domain.adr, ou pode apenas escrever ninguem@domain.adr na sua mensagem que será automaticamente convertido em atalho quando a mensagem for guardada.

        Como em todos os códigos BBCode aqui apresentados pode misturar URLs com quaisquer outras etiquetas. Como por exemplo, [img][/img] (ver o item seguinte), , etc. Em relação ao formato das etiquetas está totalmente dependente de si assegurar a ordem correcta de início e fecho, por exemplo:

        [ url=http://www.phpbb.com/][ img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

        Resultará nisto:

        [img]http://www.phpbb.com/images/phplogo.gif[/img]

        não é correcto, o que pode conduzir à sua mensagem ser removida por algum moderador ou Administrador. Como tal tenha cuidado.

        Então terão que mudar para:

        [ url=http://imageshack.us][ img]http://img111.imageshack.us/img111/3169/agoodjobvm8.gif[/img][/url]

        *Retirar espaços

        Resultará nisto:



        O problema era na posição das Tags...Reparem em cima.

        Mostrar imagens em mensagens
        Adicionar uma imagem a uma mensagem
        O phpBB BBCode incorpora uma etiqueta para incluir imagens nas suas mensagens. Dois factores muito importantes a recordar quando se usa estas etiquetas: a maioria dos utilizadores não gosta de ver muitas imagens em mensagens; segundo, a imagem que pretende mostrar deve exixtir na internet (por exemplo, não pode existir apenas no seu computador a menos que tenha um servidor de páginas na web, esteja sempre activo e seja publicamente acessível!). Não há presentemente qualquer forma de armazenar imagens localmente, com o phpBB (contamos dar especial atenção a esse assunto na próxima publicação do phpBB). Para mostrar uma imagem você terá que envolver o URL da imagem com as etiquetas [img][/img]. Por exemplo:

        [ img]http://img487.imageshack.us/img487/1632/motocanagliathankyouxu3.gif[/img]

        Irá produzir:



        *Retirar espaços

        Como deve ter notado na secção do URL acima, pode englobar uma imagem numa etiqueta [url][/url] se assim o desejar, ou seja,

        [ url=http://www.phpbb.com/][ img]http://img487.imageshack.us/img487/1632/motocanagliathankyouxu3.gif[/img][/url]

        *Retirar espaços

        irá produzir:



        Este URL conduzirá-vos (apenas se clicarem na imagem) a uma página.

        Outros Códigos:

        Filmes do Youtube

        [ youtube]http://www.youtube.com/watch?v=wijlcRYqBLk[/youtube]

        *Retirar espaços

        Irá resultar em:



        Filmes do Google Video


        [ GVideo]http://video.google.com/videoplay?docid=-7329182515885554944[/GVideo]

        *Retirar espaços

        Resultará em:

        [GVideo]http://video.google.com/videoplay?docid=-7329182515885554944[/GVideo]

        Hide



        *Retirar espaços

        Resultará em:



        Spoil

        [spoil]Olá[/spoil]

        *Retirar espaços




        Feito por susy
        Voltar ao Topo Ir em baixo
        Ver perfil do usuário http://theplaza.ativoforum.com
         
        Bbcode - By susy
        Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
        Página 1 de 1
         Tópicos similares
        -
        » DICAS... para usar a nova caixa de texto (BBCode)
        » Cores tipicas da decada de 70 - W116

        Permissão deste fórum:Você não pode responder aos tópicos neste fórum
        The Plaza :: Geral :: Anúncios-
        Ir para: