DigiForum, comunidade online de fotografia e equipamentos fotográficos. Desde 2004 não apenas uma referência, mas sim uma realidade. Mais de 1 milhão de pessoas já obtiveram respostas sobre fotografia em nosso site. Mensalmente somos visitados por mais 140.000 visitantes únicos mensais. São 1.400.000 pageviews mensais feitos por visitantes humanos (já descontados os bots). DigiForum, comunidade online de fotografia e equipamentos fotográficos. Desde 2004 não apenas uma referência, mas sim uma realidade. Mais de 1 milhão de pessoas já obtiveram respostas sobre fotografia em nosso site. Mensalmente somos visitados por mais 140.000 visitantes únicos mensais. São 1.400.000 pageviews mensais feitos por visitantes humanos (já descontados os bots).
 FAQ  • Regras  • Pesquisar  • Membros  • Grupos  • Staff  • Portal  • Twitter DF  • Facebook DF
Registrar  • Meu Perfil  • Entrar e ver Mensagens Particulares   • Galeria de Fotos   • Loja Virtual   • Login
 2 - Aprenda os recursos de formatação do fórum (tags phpb)

Exibir próxima mensagem
Exibir mensagem anterior

Receber rss deste tópico
Responder Mensagem
Autor Mensagem

DigiForum










Registrado em: Sexta-Feira, 9 de Janeiro de 2004
Mensagens: 18

 


MensagemEnviada: Sáb Jul 16, 2011 8:37 pm Responder com CitaçãoVoltar ao Topo

Tutorial criado pelo Guilherme Noronha em Sex Jan 27, 2006 1:29 pm



Image

Ao criar ou responder a uma mensagem em um fórum baseado no PHPBB, somos apresentados a uma dezena de opções de formatação que em alguns casos podem deixar a leitura de nosso texto mais agradável. Porém, algumas dessas opções, senão todas, são desconhecidas pelos usuários. Por isso resolvi escrever esse pequeno artigo ensinando a usar esses recursos.

O PHPBB se baseia em tags para reconhecer comandos. As tags indicam onde deve começar certo tipo de formatação e onde deve terminar. Quem conhece HTML deve estar bem familiarizado com tags. As tags, no caso do PHPBB, são dois colchetes fechados que contém o comando a ser aplicado entre eles. Para indicar o fim da área de atuação de uma tag, adiciona-se uma barra "/" na tag final. Essa explicação pode parecer complicada, mas é tudo extremamente simples. Vejam abaixo:



Negrito



Image

As tags que indicam negrito são:
Código:
 [b] e [/b]


Ou seja, tudo que estiver entre essas duas tags, vai aparecer em negrito. Exemplo:

Código:
 A frase começa aqui, [b]essa parte vai aparecer em negrito[/b], e essa não.


No post, vai ficar assim:

A frase começa aqui, essa parte vai aparecer em negrito, e essa não.

Para colocar uma parte de seu texto em negrito, podem ser usados 3 procedimentos:

  • Selecionar o texto a ser colocado em negrito, e clicar no botão de negrito (mostrado acima).
  • Clicar no botão negrito, digitar o texto que vai ficar em negrito, e clicar novamente no botão negrito.
  • Digitar manualmente as tags antes e depois do texto.


O procedimento para aplicar os próximos comandos é quase sempre o mesmo do negrito, então vou dar apenas as tags relacionadas, e quando o comando for diferente, eu explico.



Itálico



Image

As tags são:
Código:
[i] e [/i]

Exemplo: [i]Esse texto vai sair em itálico.[/i]


No post, vai ficar assim:

Esse texto vai sair em itálico.



Sublinhado



Image

As tags são:
Código:
[u] e [/u]

Exemplo: [u]Esse texto vai sair sublinhado[/u].


No post, vai ficar assim:

Esse texto vai sair sublinhado.



Podemos também usar dois ou mais desses comandos ao mesmo tempo, lembrando da regra o que é aberto primeiro, é fechado por último. Por exemplo:

Código:
 Essa parte não terá formatação especial, porém [b][u]essa parte estará em negrito e sublinhada[/u][/b], e [b][u][i]essa parte estará em negrito, em itálico, e sublinhada[/i][/u][/b].


No post, ficará assim:

Essa parte não terá formatação especial, porém essa parte estará em negrito e sublinhada, e essa parte estará em negrito, em itálico, e sublinhada.

Reparem que o negrito que no meu exemplo é a primeira tag a ser aberta, é também a última a ser fechada. São com conjuntos, um dentro do outro.

Além desses comandos, outros como tamanho do texto, cor da fonte, etc também podem ser usados em conjunto.



Cor do Texto



Image

Para mudar a cor do texto, as tags são:

Código:
[color="nome_ou_codigo_da_cor"] e [/color]

Exemplo:

[color=red]Essa frase vai sair em vermelho[/color]

ou

[color=#3625d9]Essa frase vai sair em azul[/color]


No post, vai sair assim:

Essa frase vai sair em vermelho

Essa frase vai sair em azul

A cor vem depois do sinal de igualdade =. Para cores simples pode ser usado o nome da cor em inglês (red, blue, green, etc), para cores menos comuns, pode-se usar o valor hexadecimal que representa a cor, precedido pelo símbolo #.



Tamanho da fonte



Image

As tags são:

Código:
[size="tamanho"] e [/size]

Exemplo:  [size=8]Essa parte vai sair bem pequena[/size], [size=14]essa vai sair média[/size] [size=18]e essa vai sair grande.[/size]


No post vai sair assim:

Essa parte vai sair bem pequena, essa vai sair média e essa vai sair grande.



Citação



Image

As tags são:

Código:
 [quote="FULANO"] Texto a ser citato [/quote]


No post, vai ficar assim:

FULANO escreveu:
Texto a ser citato


Há também a opção de fazer a citação sem identificar o autor, para isso, basta colocar apenas a tag sem o nome do autor:

Código:

[quote] Texto a ser citado[/quote]


No post vai sair assim:

Citação:
Texto a ser citado



Código



Image

O código é uma "ferramenta" muito útil, e que eu tenho usado bastante nos exemplos acima. Tudo que estiver entre as tags de código, não será interpretado pelo PHPBB como tags ou smilies, e sim como texto puro. Assim eu posso mostrar pra vocês como o código é escrito, sem deixar o PHPBB transformar a tag na formatação correspondente.

As tags são:

Código:
[code] e [/code]

Exemplo:

[code] [b]Tudo que estiver aqui dentro vai ser interpretado como texto puro[b] ;) :lol:[/code]


No post vai sair assim:

Código:
 [b]Tudo que estiver aqui dentro vai ser interpretado como texto puro[b] ;) :lol:




Lista simples



Image

A lista simples mostra cada item em uma linha diferente e com um ponto no início da linha.

As tags são:

Código:
 [list], [/list] e [*].

Cada [*] Identifica um item da lista.

Exemplo:

[list] [*]Item 1 [*]Item 2 [*]Item 3 [*]Item 4 [/list]



No post vai sair assim:

  • Item 1
  • Item 2
  • Item 3
  • Item 4


Reparem que não é necessário pular linha para separar os itens. O símbolo [*] serve pra identificar um item, e já há uma quebra de linha automática.



Lista ordenada



Image

A lista ordenada é muito parecida com a lista simples, porém seus itens são organizados com letras ou números.

As tags são:

Código:
 [list="a_ou_1"], [/list] e [*]

Exemplo:

Lista ordenada por letras:

[list=a] [*]Item 1 [*]Item 2 [*]Item 3 [*]Item 4[/list]



Lista ordenada por números:

[list=1][*]Item 1 [*]Item 2 [*]Item 3 [*]Item 4[/list]


No post vai sair assim:

Lista ordenada por letras:

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4



Lista ordenada por números:

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4


Reparem que não é necessário numerar os itens. Ao identificar um item o PHPBB já coloca sua numeração de acordo com sua posição na lista.



Inserindo imagens



Image

Para inserir uma imagem diretamente no post, basta colocar o endereço da imagem entre as tags. A imagem tem que estar hospedada na internet, e em um servidor que permita hotlink, que é justamente "colar" uma imagem diretamente em outro site.

As tags são:

Código:
 [img] e [/img]

Exemplo:

[IMG]http://i72.photobucket.com/albums/i162/ric2801/DigiForum/dflogo.jpg[/IMG]


No post vai sair assim:







Image

Uma boa lista de servidores que suportam hotlink está disponível nesse link. Eu pessoalmente recomendo os seguintes: www.imageshack.us , www.photobucket.com e www.keepmyfile.com .

Consulte um tutorial mais detalhado sobre como postar fotos aqui.



Links (URLs)



Image

Há duas formas de colocar um link no post, uma mostra o link direto, ou seja, o endereço real da página que você vai visitar, e o outro mostra uma palavra, frase ou imagem que contém um link embutido.

A primeira alternativa é de certa forma redundante, pois o PHPBB reconhece automaticamente linhas começadas por http:// como link. Então usar tags para esse tipo de link não é necessário.

As tags são:

Código:
[url] ou [url=] e [/url]

Exemplo:

Link direto:

[url]http://www.digiforum.com.br/[/url]

Veja agora como mesmo sem as tags, o PHPBB vai reconhecer o link: http://www.digiforum.com.br

Link embutido:

[url=http://www.digiforum.com.br] Clique aqui para entrar no DigiForum[/url]


No post vai sair assim:

Link direto:

http://www.digiforum.com.br/

Veja agora como mesmo sem as tags, o PHPBB vai reconhecer o link: http://www.digiforum.com.br

Link embutido:

Clique aqui para entrar no DigiForum

No caso do link embutido, podemos também usar imagens que ao serem clicadas nos levam ao link desejado.

Código:
[b]Clique na imagem abaixo para entrar no DigiForum:[/b]

[url=http://www.digiforum.com.br/][IMG]http://i72.photobucket.com/albums/i162/ric2801/DigiForum/dflogo.jpg[/IMG][/url]


No post vai sair assim:

Clique na imagem abaixo para entrar no DigiForum:







Image



Extras

Fechar tags



Image: Faz o PHPBB procurar por tags que tenham sido iniciadas mas que não tenham sido fechadas. Ao encontrar uma tag incompleta ele adicionará o fechamento dessa tag no final do texto.

Prever



Image: Permite que você veja como ficará seu post antes dele ser postado efetivamente. É muito útil quando usamos muitas tags e queremos ver se o resultado é o que esperamos, antes de postar.



Opções

Logo abaixo do campo de texto da mensagem, encontramos as seguintes opções:




Image

Desativar BBCode nesta mensagem: É como se usássemos a tag CODE em todo o texto. Marcando essa opção, nenhum código será interpretado pelo PHPBB, tudo será tratado como texto puro, EXCETO os smilies.

Desativar Smileys nesta mensagem: Essa opção desativa os smilies do texto, os símbolos que representam smilies serão mostrados como texto.

Adicionar Assinatura (as assinaturas podem ser alteradas em Perfil): Permite que você adicione ou não sua assinatura no final do post.

Notificar-me quando for respondida: Permite que você receba uma notificação por e-mail caso alguém responda ao tópico que você criou ou respondeu.

Espero que gostem do artigo. Se encontrarem algum erro por favor me avisem.

Abraços!
Mostrar os tópicos anteriores:      
Publicidade
Parceiros DigiForum
Responder Mensagem


 Ir para:   



ao menos uma das palavras
todas as palavras
frase exata



Receber rss deste tópico
Exibir próxima mensagem
Exibir mensagem anterior
Enviar Mensagens Novas: Proibido.
Responder Tópicos Proibido
Editar Mensagens: Proibido.
Excluir Mensagens: Proibido.
Votar em Enquetes: Proibido.


Powered by phpBB :: phpBB Group :: FI Theme (modified) :: Todos os horários são GMT - 2 Hours :: Spam Poison :: Spam Catcher