Problemas com a criação de um formulário para meu fórum forumeiros

[Daniel Yan]

Detalhes da questão

Endereço do fórum: http://bps-brasilplaystyle.forumeiros.com
Versão do fórum: PunBB

Descrição

Ola Gostaria De Tipo Um formulario So Q Para Denucias Onde Fosse Totalmente Editavel Para Min , E Onde Os Usuarios Livre Para Fazerem A Denuncia . E Como Por Exemplo Solicitar Para Cria Uma Arte Grafica Aqui , Por Exemplo: Qual Seu Nick ? (Logo Abaixo Tera Um Lugar Onde ele Possa Responder) Quem Deseja Denunciar? ( Logo Abaixo Apareceria Uma Lista Das Organizações Possiveis ) Por Qual Motivo ? ( Aqui Seria Do Mesmo Geito Uma lista Onde Eu Adicionaria Os Motivos ) E Praticamente Isso , Resumindo : Quero Um Formulario Onde Fosse Totalmente Editavel , Para Eu Poder Coloca Caixas De Respostas E As Perguntas Logo Acima , Pode Ser De Cor Padrao Eu Mudo Na Hora Que For Edita , E Que eu Possa Fazer Uma Lista Com Opçoes Para Os Usuarios Selecionarem , Oque Eu Estou Pedindo Nao E Algo Dificil , So Que E Algo Que Requer Muita Explicação ...
Estou No Aguardo , Qualquer Pergunta Podem Mandar Aki Que Irei Responder .

[Konai]

Olá amigo!

Aqui no Fórum dos Fóruns, há um tutorial com gerador para a criação de formulários!

Veja:
https://ajuda.forumeiros.com/t78600-tutorial-criar-formularios-de-postagem

O link está na versão antiga, aqui está o link da nova versão 2.0 do gerador de formulários:
https://ajuda.forumeiros.com/h13-form20

E para concluir, deve-se ler esta FAQ:
https://ajuda.forumeiros.com/t45096-faq-vinculos-externos-anti-spam
Nesta FAQ procure pela frase em que diz "Proibir formulários não oficiais de enviar mensagens no fórum" leia com atenção, pois é necessário configurar esta opção para que o mesmo funcione.

Att!

[Daniel Yan]

Ok Criei , Testei Mudei As Cores , Agora Como Faço Para Quando Clicar Pra Cria Novo Topico Ir Direto Para O Formulario?

[Konai]

O senhor pode seguir o tutorial como lhe indiquei em minha mensagem anterior, se quiser, tem até um vídeo explicativo de como configurar, veja: https://ajuda.forumeiros.com/t78600-tutorial-criar-formularios-de-postagem#623902

Por fim:

E para concluir, deve-se ler esta FAQ:
https://ajuda.forumeiros.com/t45096-faq-vinculos-externos-anti-spam
Nesta FAQ procure pela frase em que diz "Proibir formulários não oficiais de enviar mensagens no fórum" leia com atenção, pois é necessário configurar esta opção para que o mesmo funcione.

Att!

[Daniel Yan]

Ok Re Fiz Meu Manual Vi Direitinho Agora So Nao Entendi O Porque De Não Esta Funcionando ... O Java Script Esta Certo O X Eo Y Estao Certo Em Questao De Valor A Opção De Proibir Formulario
Esta Em Não Me Ajuda Ai ...

Formulario HTML :

HTML:

Codigo Java Script :

Java Script:

[Konai]

O senhor habilitou o gerenciamento de códigos JavaScript? Colocou o investimento como mostra?
Peço que me fale o fórum que deseja o formulário com os números como no vídeo/tutorial mostra para que eu possa averiguar melhor.

Att!

[Daniel Yan]

O Local E Em Denuncias Em Todos Os Sub Topicos Dentro Da Denuncias ^^ Quando Qualquer Usuario For Cria Um Novo Topico Dentro Do Topico De Denuncias Aparece o formulario Para Prencher

Link: https://imgur.com/B8Ii3zk

[Konai]

Me passe os links por gentileza!

[Daniel Yan]

http://bps-brasilplaystyle.forumeiros.com/f2-denuncias-servidor

[Konai]

Olá novamente!

Aqui está o link do novo tutorial(os que lhe passei são antigos, peço perdão pela falta de atenção):
https://ajuda.forumeiros.com/t109239-tutorial-criar-um-formulario-pelo-gerador-de-formularios-2-0

Nele, há um código JS(que está no passo 6 do tutorial) para que force o funcionamento do formulário ao clicar no botão "Novo Tópico".

Vale lembra-lo que, como o senhor quer para vários sub-fóruns, o senhor deverá fazer o código do formulário e o JS diversas vezes, conforme quantos sub-fóruns quer que o formulário apareça.
Em outras palavras, mais especificadamente falando, o senhor terá que criar 10 formulários de acordo com a quantidade de sub-fórum que o senhor deseja ter o efeito, incluindo também 10 JavaScript como no link que lhe passei mostra.

OBS: Por se tratar de ser um código AJAX, deve ser criado um para cada sub-fórum.

Att!

[Daniel Yan]

Poderia me Mandar Os Codigos Prontos Estou Confuso Ainda Sobre O Formulario ... Ainda nao entendi deireito

Formulário HTML:

Java Script:

Obvs: E H1

[Konai]

O senhor já o configurou, não?!

Além do mais, na página HTML deixe a opção de "Você deseja utilizar o início e o final da página do seu fórum?" marcada em sim.
E nas opções de JS, habilite o gerenciamento dos códigos, na própria página de JavaScript em seu CPainel tem esta opção.

Att!

[Daniel Yan]

Esta Tudo Certo Menos Uma Parte Esta Muito Pequeno E Nao Quero Mecher em Nada Sem Saber Direito , Foto Do Formulario : https://imgur.com/PzmkqNj

Na Imagem Esta Grande No Forum Pequeno

[Konai]

No seu código HTML, procure por:
".fa-form-group input,
.fa-form-group textarea,
.fa-form-group select"

O código completo deverá ser esse:

Código:

.fa-form-group input,
.fa-form-group textarea,
.fa-form-group select {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

Procure por: "font-size" no código mesmo e modifique o valor "1rem" por "12px" e vai aumentando até ficar ao seu gosto. Creio que "13px" ficará um tamanho bom.

Lembrando que o senhor terá de fazer essa alteração em todos os códigos, okay?

OBS: As aspas não é necessária ficar junto ao valor, coloquei apenas para destacar melhor e o senhor ter um bom entendimento sobre esta alteração.

Att!

[Daniel Yan]

Ok Esta Tudo Correto , Porem Quando Eu Publico Alguma Denuncia Eu Nao Sei Para Onde Vai E Não Aparece Para Toda Mundo , E como Eu Quero Que Seja Visivel Que Apareça Tudo Que O Usuario Que Fez A Denuncia Ver Oq Ele Postou Eo Cara Que For Denuciado Poder Ver As Provas E Oq Ele Disse Sobre O Ocorrido , resumindo Quero que tudo que ele prencheu aparece e nao essa mensagem

segue a imagem : https://imgur.com/RG7EJ01

[Konai]

Olá novamente amigo!

Creio eu que seja pelas autorizações das categorias, fóruns e sub-fóruns. O senhor poderá estar checando essa FAQ:
https://ajuda.forumeiros.com/t11750-faq-visualizar-e-gerir-as-categorias-foruns-e-subforuns

Procure pela parte em que diz sobre as autorizações, o senhor terá de autorizar a visibilidade e respostas para membros.

Att!

[Daniel Yan]

Sim Ja Esta Tudo Ativado para poder ler e mesmo asism nao vai ....


https://imgur.com/C7u6v3v

[Konai]

Suponho que tenha que marcar onde está "mensagens especiais" para membros.

[Daniel Yan]

Ainda Não Resolveu O Problema Aparece A Mesma Coisa , Eu Acho Que Esta Bugado Ou Sla , Pois Clico Pra entra No Topico Cria Um Novo Topico Ja Dentro Do Topico E Quando Crio Aparece La Em Baixo , e Não No Topico Que Desejei Criar ...

[Konai]

Neste caso vamos aguardar o ajudeiro @Luiz ou o Moderadeiro Kyo Panda, pois não faço ideia do que seja, se está tudo configurado como deve estar, não deveria estar acontecendo isto. O mais preciso seria o Luiz para ajudá-lo, visto que é ele o autor do gerador 2.0 e do tutorial.

[Luiz]

O senhor não criou o formulário corrtamente.
Troque o código HTML por:

Código:

<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz <http://ajuda.forumeiros.com/u60563>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Criação De Denuncia</title>

  <style type="text/css">
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #3072ab;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 35px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #3072ab;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
      padding: 10px 20px;
      background-color: #3072ab;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
      background-color: #2a6192;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Criação De Denuncia</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo1">Qual Seu Nick In-Game?</label>
  <input type="text" data-type="text" id="campo1" placeholder="Seu nick cadastrado no jogo" required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo2">Nick Do Player Que Ira Denunciar:</label>
  <input type="text" data-type="text" id="campo2" placeholder="Ponha O Nick Exatamente Como E In-game." required="">

</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Por Qual Motivo Esta O Denunciando?</label>
  <textarea data-type="textarea" id="campo3" placeholder="Bote O Motivo Aqui" required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Como Que Isso Aconteceu? Nos Explique!</label>
  <textarea data-type="textarea" id="campo4" placeholder="Explique o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo5">O acusado é: Um Lider ? Sub-Lider? Administrador? Helper? Civil? De Org? Qual?</label>
  <input type="text" data-type="text" id="campo5" placeholder="Caso não saiba, deixe em branco.">

</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Quais São Suas Provas?</label>
  <textarea data-type="textarea" id="campo6" placeholder="Coloque suas provas aqui." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso Não Tenha Provas Legíveis Para A Avaliação , O Mesmo Que Postou A Denuncia Sera Punido. </p>

</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->

  <textarea style="display: none;" id="fa-generated-message">Denúncia.

Meu nick: {{campo1}}
Nick de quem denuncio: {{campo2}}
Estou denunciando pelo motivo... {{campo3}}
Como aconteceu: {{campo4}}
Cargo do acusado: {{campo5}}

Provas: {{campo6}}</textarea>
  <input type="hidden" id="fa-generated-title" value="Criação De Denuncia Contra {{campo2}}" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
       'use strict';

       $(window).on('load', function () {
          $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
               $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 26,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f26-';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>

o/

[Daniel Yan]

Esta Tudo Ok Pode Fechar .

[Ketholy]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.