[FAQ] Caixa de edição de mensagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[FAQ] Caixa de edição de mensagens

Mensagem por Solkis em 02/12/09, 09:00 pm

Caixas de mensagem
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




- 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

(carregue na imagem para aumentar)
Seta 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...).
Seta 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
Seta 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.
Seta 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.
Seta 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).
Seta 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.


- 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)


- 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
NegritoExemplo
ItálicoExemplo
SublinhadoExemplo
RiscadoExemplo
Alinhamento do texto à esquerdaExemplo
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]
  1. Exemplo
  1. 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
ExemploExemplo
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 textoExemplo
Permite modificar a cor do textoExemplo
Permite modificar a fonte do textoExemplo
Outros
ÍndidePermite colocar um texto menor abaixo do normal, bom para escrever reações químicasCO2
ExposiçãoPermite colocar um texto menor acima do normal, bom para escrever potências102
SpoilerPermite esconder um texto, este somente é mostrado quando clicado
Spoiler:
Exemplo
EscondidoPermite 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. horizontalO texto se move na horizontal, desaparecendo e reaparecendo.Exemplo
D. verticalO texto se move na vertical, desaparecendo e reaparecendo.Exemplo
AleatórioCompreendido 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
WoWEsta 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 tagsPermite fechar todas as balisas BBCodes que já se encontram abertas


- 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:
    AberturaFechamento
    [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.





© Fórum dos Fóruns & Shek

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


Última edição por Shek em 25/08/14, 02:06 pm, editado 3 vez(es)
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12075

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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