[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 Empty [FAQ] Caixa de edição de mensagens

Mensagem por Solkis em 02.12.09 23:00

[FAQ] Caixa de edição de mensagens Boite_email 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)
[FAQ] Caixa de edição de mensagens Im11321
[FAQ] Caixa de edição de mensagens 110111Seta 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...).
[FAQ] Caixa de edição de mensagens 110210Seta 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
[FAQ] Caixa de edição de mensagens 110310Seta 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.
[FAQ] Caixa de edição de mensagens 110410Seta 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.
[FAQ] Caixa de edição de mensagens 110510Seta 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).
[FAQ] Caixa de edição de mensagens 110610Seta 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)
[FAQ] Caixa de edição de mensagens Im11322
(carregue na imagem para aumentar)
[FAQ] Caixa de edição de mensagens Acp_ad10
Editor estendido
Modo normal
Modo WYSIWYG
(carregue na imagem para aumentar)
[FAQ] Caixa de edição de mensagens Simple10
(carregue na imagem para aumentar)
[FAQ] Caixa de edição de mensagens Wisygn10


- 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
[FAQ] Caixa de edição de mensagens Text_boldNegritoExemplo
[FAQ] Caixa de edição de mensagens Text_italicItálicoExemplo
[FAQ] Caixa de edição de mensagens Text_underlineSublinhadoExemplo
[FAQ] Caixa de edição de mensagens Text_strikethroughRiscadoExemplo
[FAQ] Caixa de edição de mensagens Text_align_leftAlinhamento do texto à esquerdaExemplo
[FAQ] Caixa de edição de mensagens Text_align_centerAlinhamento do texto ao centro
Exemplo
[FAQ] Caixa de edição de mensagens Text_align_rightAlinhamento do texto à direita
Exemplo
[FAQ] Caixa de edição de mensagens Text_align_justifyJustificar o texto
Exemplo
[FAQ] Caixa de edição de mensagens Text_list_bulletsFazer uma lista não ordenada (sem nurmeração)
  • Exemplo
[FAQ] Caixa de edição de mensagens Text_list_numbersFazer 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
[FAQ] Caixa de edição de mensagens Text_horizontalruleInserir uma linha de separação
[FAQ] Caixa de edição de mensagens CommentsFazer uma citação, ou citar uma pessoa
Exemplo
[FAQ] Caixa de edição de mensagens Page_white_codePermite obter uma formatação para visualizar um código (Html,Css, BBCode...)
Código:
Exemplo
[FAQ] Caixa de edição de mensagens TablePermite inserir uma tabela escolhando um número de colunas e linhas
ExemploExemplo
[FAQ] Caixa de edição de mensagens Picture_savePermite hospedar diretamente uma imagem no Servimg (para alguns idiomas) ou para o Imageshack (para outros)
[FAQ] Caixa de edição de mensagens PicturePermite 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
[FAQ] Caixa de edição de mensagens Banner5
[FAQ] Caixa de edição de mensagens LinkInsere um link dando o endereço e o texto a ser visualizado Fórum dos fóruns
[FAQ] Caixa de edição de mensagens Page_white_flashInsere um conteúdo flash dando o endereço e as dimensões (altura e largura) do arquivo SWF
[FAQ] Caixa de edição de mensagens Headin10Insere 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]
[FAQ] Caixa de edição de mensagens FilmInsere um vídeo originário do Youtube, Google Vídeo ou Dailymotion
[FAQ] Caixa de edição de mensagens StylePermite modificar o tamanho do textoExemplo
[FAQ] Caixa de edição de mensagens Color_swatchPermite modificar a cor do textoExemplo
[FAQ] Caixa de edição de mensagens FontPermite 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
[FAQ] Caixa de edição de mensagens HelpAjuda sobre as balizas BBCode e como as mesmas devem ser utilizadas
[FAQ] Caixa de edição de mensagens Switch_wysiwygPermite ativar ou não o editor WYSIWYG (Vermelho quando ele está ativo)
[FAQ] Caixa de edição de mensagens Font_deleteDisponí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:
    [FAQ] Caixa de edição de mensagens 879455
    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

[FAQ] Caixa de edição de mensagens Act_bottom 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 18:06, editado 3 vez(es)
Solkis

Solkis
Principal contribuidor
Principal contribuidor

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

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