[FAQ] Caixa de edição de mensagens

As caixas de mensagem estão presentes em todo o fórum, seja na resposta rápida, seja no envio de mensagens privadas e muitos outros locais. Por isso, é importante que algumas funções sobre esta sejam explicadas e que se note as diferenças entre as suas duas versões.

--> Perguntas e respostas frequentes <--
Caixas de mensagem

1º - Configurar o tipo de caixa de mensagem:
Existe para nossa escolha dois tipos de caixa de resposta, cujos quais podemos alterar entre a simples e avançada (com mais funcionalidades aparentes) e para ambas podemos definir se, por padrão, o modo WYSIWYG (em português: o que você vê é o que você obtém).

Para alterarmos estas configurações, teremos de aceder à:
Painel de controle -> Geral -> Mensagens, MP e Emails -> Configuração

Permitir HTML - Ative esta opção caso queira permitir que os membros possam postar mensagenss que contenham códigos HTML. Lembre-se que estes códigos podem ser perigosos pois possibilitam a execução de scripts e esta opção serve para o fórum em geral (todos os fóruns, mensagens privadas, formulários...).

Permitir BBCode - Esta opção permite que os membros possam fazer uso de balizas BBCode, que nada mais são do que alguns códigos HTML que não fazem mal algum ao fórum, são balizas BBCode: Código: [b]  [i]  [u]  [strike]  [spoiler]  [hide]  entre outras

Permitir Smileys - Autoriza os membros a utilizarem smileys, que nada mais são do que imagens que representam emotividade e que possuem um atalho, ao invés de se utilizar a baliza BBCode para imagens, basta digitar uma sequência de caracteres de geralmente duas letras.

Ativar o editor de mensagens estendido - Uma caixa de mensagens com mais opções visíveis (todas as opçõe estão disponíveis em ambas as caixas, mas para a simples não há um botão para a mesma, é somente digitando o código BBCode). Mais adiante veremos quais são as diferenças entre ambas as versões.

Ativar o modo WYSIWYG para todas as mensagens - No editor de texto, o modo WYSIWYG permite compor visualmente o resultado desejado (layout, processamento de texto ou imagem). Vemos diretamente na caixa de edição o resultado final (que será exibido na mensagem).

Ativar caixa de resposta rápida - Através da resposta rápida, poderá levar uma caixa de envio de respostas abaixo de todas as mensagens do tópico, já no mesmo terá as opções básicas para o envio de novas mensagens ao tópico.

2º - Comparação entre o modo simples e o estendido:
Para que possa escolher qual a melhor versão para você, faremos uma comparação:

Editor simples
Modo normal	Modo WYSIWYG
(carregue na imagem para aumentar)	(carregue na imagem para aumentar)

Editor estendido
Modo normal	Modo WYSIWYG
(carregue na imagem para aumentar)	(carregue na imagem para aumentar)

3º - Balizas BBCode disponíveis:
Para que compreenda melhor cada uma das balizas, daremos o nome, o ícone, o exemplo e também uma breve explicação das que seja necessário:

Balizas BBCode
	Negrito	Exemplo
	Itálico	Exemplo
	Sublinhado	Exemplo
	Riscado	Exemplo
	Alinhamento do texto à esquerda	Exemplo
	Alinhamento do texto ao centro	Exemplo
	Alinhamento do texto à direita	Exemplo
	Justificar o texto	Exemplo
	Fazer uma lista não ordenada (sem nurmeração)	Exemplo
	Fazer uma lista ordenada (com nurmeração) e também pode-se fazer uma lista com letras usando o código: Código: [list=a][*]Exemplo[/list]	Exemplo Exemplo
	Inserir uma linha de separação
	Fazer uma citação, ou citar uma pessoa	Exemplo
	Permite obter uma formatação para visualizar um código (Html,Css, BBCode...)	Código: Exemplo
	Permite inserir uma tabela escolhando um número de colunas e linhas	Exemplo Exemplo
	Permite hospedar diretamente uma imagem no Servimg (para alguns idiomas) ou para o Imageshack (para outros)
	Permite inserir uma imagem somente adicionando o endereço da mesma. Também com esta baliza é possível redimensiona-las, usando o seguinte código: Código: [img(ALTURApx,LARGURApx)]ENDERECO_DA_IMAGEM
	Insere um link dando o endereço e o texto a ser visualizado	Fórum dos fóruns
	Insere um conteúdo flash dando o endereço e as dimensões (altura e largura) do arquivo SWF
	Insere o BBcode h2, h3 ou h4. É o mesmo HTML <h3>TEXTO</h3>	Código: [h2]Fórum dos Fóruns apresenta[h2] O novo BBcode H2, H3 e H4!!! (Título usando o h2) [h4]Substítulo[/h4] Uma breve descrição sobre o h4 [h2]Um exemplo usando o h2[/h2] Seu texto descritivo [h3]Um exemplo usando o h3[/h3]
	Insere um vídeo originário do Youtube, Google Vídeo ou Dailymotion
	Permite modificar o tamanho do texto	Exemplo
	Permite modificar a cor do texto	Exemplo
	Permite modificar a fonte do texto	Exemplo
Outros
Índide	Permite colocar um texto menor abaixo do normal, bom para escrever reações químicas	CO2
Exposição	Permite colocar um texto menor acima do normal, bom para escrever potências	102
Spoiler	Permite esconder um texto, este somente é mostrado quando clicado	Spoiler:
Escondido	Permite esconder um texto, este somente é mostrado pra quem comentar no tópico e para os administradores e moderadores (estes dois não precisam comentar).
D. horizontal	O texto se move na horizontal, desaparecendo e reaparecendo.	Exemplo
D. vertical	O texto se move na vertical, desaparecendo e reaparecendo.	Exemplo
Aleatório	Compreendido entre a tag hand deve estar o número máximo, assim ela sorteará um valor compreendido entre 0 e este número. Pode-se também definir um valor mínimo, neste caso sendo como o exemplo, primeiro o valor mínimo e depois o máximo: Código: [rand]50,100[/rand]	Quantidade aleatória (50,100) : 72
WoW	Esta baliza é muito específica para jogos de RPG que tenham como principal assunto World Of Warcraft. Com esta baliza pode-se retornar a descrição de alguns objetos e coisas do gênero. Por ser algo muito específico, faremos um tutorial somente para esta função.	[wow]19227[/wow]
Balizas especiais
	Ajuda sobre as balizas BBCode e como as mesmas devem ser utilizadas
	Permite ativar ou não o editor WYSIWYG (Vermelho quando ele está ativo)
	Disponível somente no modo WYSIWYG, serve para remover todas as formatações de textos aplicadas
Fechar tags	Permite fechar todas as balisas BBCodes que já se encontram abertas

4º - Dicas e considerações finais sobre os códigos BBCode:
Informações importantes:

1. Todas as balizas utilizam o mesmo estilo, uma tag de abertura e outra de fechamento, sendo elas estas:

   Abertura	Fechamento
   [BALIZA]	[/BALIZA]
   Exemplos
   Código: [b]	Código: [/b]
   Código: [strike]	Código: [/strike]
   Código: [scroll]	Código: [/scroll]
   Código: [color=red]	Código: [/color]

2. Balizas como a color, em que é bneecessário definir uma propriedade, no caso a cor, não é necessário que esta seja definida mais de uma vês (na abertura e no fechamento), esta somente precisa ser definida na abertura (vale para todas as balizas do gênero).
   
3. Podem ser feitas várias combinações de balizas BBCode, estas podem produzir um efeito muito interessante em seu fórum. Com uma boa combinação, é possível fazer diversos efeitos interessantes, como por exemplo:
   
   
   Forumeiros

   Código:

   [scroll][updown][center][img]http://ajuda.forumeiros.com/users/2612/28/77/07/smiles/879455.gif[/img]
[color=#86B125]Forum[/color][color=#00A4CD]eiros[/color][/center][/updown][/scroll]

4. Também é necessário que coloquemos atenção á ordem como as tags são abertas/fechadas, isso quando não estamos utilizando o modo WYSIWYG. Por exemplo:
   
   código errado:
   

   Código:

   [color=red][b][i]Forumeiros[/color][/b][/i]

   código correto:
   

   Código:

   [color=red][b][i]Forumeiros[/i][/b][/color]

   As tag's tem um ordem a serem abertas, mas ao fecharem a ordem terá de ser invertida. Se ao abrir as tag's abrimos na seguinte forma: A / B / C ao fecharmos terá de ser C / B / A.

--> FAQ do Tutorial <--
Caixas de mensagem

• Posso adicionar balizas BBCode, além destas disponíveis?
  Não! Pelo momento ainda não é possível fazer a adição de balizas BBCode!

• Quantos caracteres podem ser colocados no caixa de mensagem?
  O limite máximo de caixa de mensagens é de 65.000 caracteres!
  
  
• Como personalizar o BBcode h2, h3 e h4 ?
  Para personalizar, em seu CSS você poderá alterar as propriedades:
  h2.post-content,h3.post-content,h4.post-content {
  Propriedades
  }
  
  Exemplo:
  

  Código:

  h2.post-content,h3.post-content,h4.post-content {
    text-align: initial; /*Alinhamento do texto*/
    text-decoration: none; /* Formato do texto (quando for link, se tem uma barra em baixo) */
    text-transformation: none; /*Se quer o texto todo em maiúsculo ou não */
    border : 0; /* Se quer uma borda */
}

  Você pode personalizá-los independente ao código acima. Basta usar:
  h2.post-content - Personaliza o H2.
  h3.post-content - Personaliza o H3.
  h4.post-content - Personaliza o H4.

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Caixas de mensagem