Personalizar formulário

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

Atendido / Resolvido Personalizar formulário

Mensagem por iScroll em 01.09.17 23:35

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.forumeiros.com
Versão do fórum: PunBB

Descrição


Eae galera, fiz esse formulário aqui pelo Gerador 2.0:

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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: 151,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>

E tenho este outro formulário também já hospedado que ele automaticamente manda um "ID" de denúncia.
Cá está o formulário:
Código:
<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8">
    <title>Formulário de Revisão</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  </head>
  <style type="text/css">
  *{
    outline: none!important;
  }
  textarea{
    min-height: 200px;
    resize: vertical;
  }
  </style>
<script>
/* Script do Formulário */
  // Obtém a data/hora atual
var data = new Date();

// Guarda cada pedaço em uma variável
var dia    = data.getDate();          // 1-31
var dia_sem = data.getDay();            // 0-6 (zero=domingo)
var mes    = data.getMonth()+1;          // 0-11 (zero=janeiro)
var ano2    = data.getYear();          // 2 dígitos
var ano4    = data.getFullYear();      // 4 dígitos
var hora    = data.getHours();          // 0-23
var min    = data.getMinutes();        // 0-59
var seg    = data.getSeconds();        // 0-59
var mseg    = data.getMilliseconds();  // 0-999
var tz      = data.getTimezoneOffset(); // em minutos
var zump      = (mseg * seg + hora) * min;
</script>
  <body>
      <div style="margin-top: -65px; text-align: center" class="h2">
            <strong>
            </strong>
                          <br>
                            <br>
            <h2>
               <style="center"><span style="color: red; font-size: 45px;"><ins>AVISO</ins></span></style="center">
            </h2><strong></strong>
         </div>
                              <div style="background:#C8E2B7;padding:5px;text-align:center;font-family:Arial;font-size:13px">
            <img style="vertical-align: middle; height: 48px;" src="http://i.imgur.com/b7AlG.png"><br>Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia: <br><a target="_blanck" href="http://www.brasilplayultimate.com.br/t83-forumregras-punicoes"><span style="color: blue;">[Fórum]Regras → Punições</span></a>.<br> <br> Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.<br><br><strong>Observação:</strong> Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.<br>
                                  <br> <span style="color: red; font-size: 18px;"><strong><center>Regras para Postar Revisões:</center></strong></span>
                                   
                                  <br><strong>1º - </strong>Só será permitido postar uma revisão para cada envolvido, caso tenha várias pessoas na mesma revisão poste uma revisão de cada vez, essa regra é simplesmente pelo fato do nosso sitema de marcações do usuário, assim que ele é denúnciado ele recebe uma mensagem privada no fórum mostrando o link da denúncia e alertando sobre a mesma.
                                    <br><strong>2º - </strong>Só será permitido postar no tópico caso você tenha envolvimento com a revisão e os Donos do Servidor. Líderes/Sub-Líderes não terão direito de comentar nessa parte.
                                  <br><strong>3º - </strong>Não será permitido postar na revisão mensagens do tipo "up punição".. "Dá Punição"
                                  <br><strong>4º - </strong>Não será permitido desrespeito e chat nos tópicos, caso isso ocorra o tópico será fechado sem ao menos ser resolvido.
                                  <br><strong>5º - </strong>Não será permitido fazer revisão depois de 2 dias após o ocorrido, pois o prazo para uma revisão ser fechada por um DONO no fórum é  de no maximo 24h (1 Dia), revisões depois deste período não serão Válidas.
                                  <br><strong>6º - </strong>Não será permitido vídeos/screenshots cortadas, deverá conter todo o momento do acontecido.
                                  <br><strong>7º - </strong>Não será permitido uso de palavras improprias/ofensas/xingamentos, nas revisões é obrigatório conter um linguajar normal, sem uso de palavras de baixo calão. <span style="color: red;">Na quebra desta regra o usuário levará ban 5 dias do fórum.</span>
                                  <br><strong>8º - </strong>Não será permitido abrir outra revisão sobre uma revisão que já foi fechada. Se ficar com dúvidas procure o administrador responsável pela mesma e converse via TeamSpeak³ ou mande um MP no fórum.
                                  <br><strong>9º - </strong>Não será permitido abrir uma revisão de uma denúncia, se a denúncia já foi recusada automaticamente a revisão também irá. Caso necessite que um administrador DONO revise sua denúncia, procure-o via TeamSpeak³. 
                                  <br><strong>10º - </strong>Punição Inversa Ativada,ou seja, dependendo da revisão, o denunciante levará uma punição de 40 minutos de carandiru, vocês tem que aprender a revisar apenas quem está errado, toda hora revisam sem motivo, atrapalhando a jogabilidade, peçam revisão apenas se tiverem certeza que o denunciado está ERRADO.
                                  <br><span style="color: red;"><strong> Observação: </span></strong><strong>É necessário que o ADM denúnciado peça a punição inversa, caso contrário essa regra não se aplicará.</strong>
                                  <br><strong>11º - </strong>Revisões com intenção de ferrar com o Administrador (Forjadas) serão revisadas 2 vezes antes de qualquer punição, se for comprovado o Player Tomara 5h De Cadeia/Carandiru , se as provas forem "inconclusivas" a mesma será fechada e marcada como recusada.
         </div>
  <section class="container">
    <section class="row">
      <form action="" role="form" id="form-posting" style="padding:2em;">
        <fieldset>
          <legend style="padding:.5em">Formulário de Revisão</legend>
<div class="form-group">
            <label for="reason">Motivo</label>
            <input class="form-control" id="reason" placeholder="Coloque aqui o motivo da sua punição. OBS: Max 10 Caracteres, a mais disso será excluído o tópico. Ex: Ant-RPG">
          </div>         
 
  <div class="form-group">
                    <label for="accused">Seu nick</label>            <input class="form-control" id="accused" placeholder="Nome_Sobrenome" />         
  </div><fieldset>          </fieldset>
  <div class="form-group">
                    <label for="organization">Tipo de Revisão</label>            <select class="form-control" id="organization">
              <option selected="true" disabled="true">Selecione</option>
            <option value="Punição">Punição</option><option value="Banimento">Banimento</option>
            </select>         
  </div><fieldset>          </fieldset>
  <div class="form-group">
                    <label for="report">Por que pediu revisão?</label>            <textarea id="report" placeholder="Opina e descreva o ocorrido, dê seus argumentos sobre a causa que o levou à pedir revisão" class="form-control"></textarea>       
  </div><fieldset>          </fieldset>
  <div class="form-group">
                    <label for="proofs">Provas</label>            <textarea id="proofs" placeholder="Poste aqui as provas de que a punição aplicada foi errada." class="form-control"></textarea>         
  </div><fieldset>          </fieldset>
  <div class="form-group">
                    <label for="extra">Link da Denúncia</label>            <textarea id="extra" placeholder="Sua punição foi por denúncia? Coloque aqui o link" class="form-control"></textarea>         
  </div><fieldset>          </fieldset>
  <button type="submit" class="btn btn-primary btn-sm pull-right">
        Enviar formulário
  </button><fieldset>          <input type="reset" class="btn btn-link btn-sm pull-right" value="Apagar tudo" />          <span style="font-size: smaller;"> </span>        </fieldset>   
</form><section class="container"><section class="row">    </section>    <script src="http://code.jquery.com/jquery-latest.js"></script>    <script>
    $(function(){

        $("#form-posting").submit(function(event){
          event.preventDefault();
       
          var formData = {
              category: $("#category").val(),
              reason: $("#reason").val(),
              accused: $("#accused").val(),
              organization: $("#organization").val(),
              report: $("#report").val(),
              proofs: $("#proofs").val(),
              extra:    $("#extra").val()
          };

          var data =
              '[font=Vernada][size=13]' + '\n\n' +
              '  [b][color=#008cff]ID da Revisão[/b][/color]  ' + '\n' + zump + '\n\n' +
              '  [b][color=#FF0000]Motivo[/b][/color]  ' + '\n' + formData.reason + '\n\n' +
              '  [b][color=#FF0000]Nick[/b][/color]  ' + '\n' + formData.accused + '\n\n' +
              '  [b][color=#FF0000]Revisão de[/b][/color]  ' + '\n' + formData.organization + '\n\n' +
              '  [b][color=#FF0000]O que te fez pedir revisão?[/b][/color]  ' + '\n' + formData.report + '\n\n' +
              '  [b][color=#FF0000]Provas[/b][/color]  ' + '\n' + formData.proofs + '\n\n' +
              '  [b][color=#FF0000]Link da denúncia[/b][/color]  ' + '\n' + formData.extra + '\n\n' +
              '[/size][/font]';

          $.post("/post", {
              f: 130,
              mode: 'newtopic',
                subject: '[' + dia + '/' + mes + '/' + ano4 + '] [' + formData.organization + '] ' + formData.accused + ' - [' + formData.reason + '] #' + zump,
                message: data,
                post: 130
            }).done(function() {
                $("#form-posting").html('<p style="padding:.7em" class="bg-info">Formulário enviado com sucesso.<br>Redirecionando...</p>');
                window.setTimeout(function(){
                  window.location.href = '/f130-'
                }, 2500);
            }).fail(function() {
                $("#form-posting").submit();
            });

        });
    });
    </script>    </section>
  </body>
</html>

Seria possível adicionar esse ID de denúncia no formulário 2.0?
Fora isso, gostaria de que quando o membro selecionasse o tipo de organização setasse para um tipo de forum.
Exemplo: gangster vai setar para esse: http://www.brasilplayultimate.com.br/f47-contra-gangsters
Mafioso para esse: http://www.brasilplayultimate.com.br/f49-contra-mafiosos

E por ai vai, seria possível?


Última edição por iScroll em 08.09.17 1:25, editado 1 vez(es)
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 03.09.17 23:27

UP
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 05.09.17 12:35

UP
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Kyo Panda em 06.09.17 19:04

Troque por esse:

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}

[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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';
    
     var id = (new Date()).getTime();
     var regex = /\{\{id\}\}/g;
     var $message = $('#fa-generated-message');
     var $title = $('#fa-generated-title');
    
     $message.val($message.val().replace(regex, id));
     $title.val($title.val().replace(regex, id));

      $(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: 151,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

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

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 06.09.17 22:00

Funcionou mas tem um porém, os numeros estão muito grandes.
Teria como por uma média de digitos de até 10?
Tipo, minimo de 4 maximo de 10 digitos.
Seria possível ?

Ou, ser automatico, tipo, primeira denúncia = 1, segunda = 2, terceira = 3 e assim sucessivamente. Teria como tambem?
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 07.09.17 22:05

UP
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Luiz em 07.09.17 22:08

Troque o código por:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}

[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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';
   
    var id = (new Date()).getTime().replace(/\d{8}$/g, '');;
    var regex = /\{\{id\}\}/g;
    var $message = $('#fa-generated-message');
    var $title = $('#fa-generated-title');
   
    $message.val($message.val().replace(regex, id));
    $title.val($title.val().replace(regex, id));

      $(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: 151,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

Ou, ser automatico, tipo, primeira denúncia = 1, segunda = 2, terceira = 3 e assim sucessivamente. Teria como tambem?
Isso só é possível com um banco de dados, o que torna inviável.

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6629
Pontos Ativos : 7522

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 07.09.17 22:32

@Luiz escreveu:Troque o código por:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}

[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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';
   
    var id = (new Date()).getTime().replace(/\d{8}$/g, '');;
    var regex = /\{\{id\}\}/g;
    var $message = $('#fa-generated-message');
    var $title = $('#fa-generated-title');
   
    $message.val($message.val().replace(regex, id));
    $title.val($title.val().replace(regex, id));

      $(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: 151,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

Ou, ser automatico, tipo, primeira denúncia = 1, segunda = 2, terceira = 3 e assim sucessivamente. Teria como tambem?
Isso só é possível com um banco de dados, o que torna inviável.

o/

Certo, não resultou em nada kk, simplesmente me enviou para pagina inicial do fórum.
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Luiz em 07.09.17 22:34

Veja agora:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}

[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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';
   
    var id = (new Date()).getTime().replace(/\d{8}$/g, '');
    var regex = /\{\{id\}\}/g;
    var $message = $('#fa-generated-message');
    var $title = $('#fa-generated-title');
   
    $message.val($message.val().replace(regex, id));
    $title.val($title.val().replace(regex, id));

      $(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: 151,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6629
Pontos Ativos : 7522

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 07.09.17 22:50

@Luiz escreveu:Veja agora:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]ID da Denúncia:[/color][/b]
{{id}}

[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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';
   
    var id = (new Date()).getTime().replace(/\d{8}$/g, '');
    var regex = /\{\{id\}\}/g;
    var $message = $('#fa-generated-message');
    var $title = $('#fa-generated-title');
   
    $message.val($message.val().replace(regex, id));
    $title.val($title.val().replace(regex, id));

      $(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: 151,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

Mesma coisa.. Não envia nada, simplesmente depois de enviar me manda para página inicial, além disso não aparece essa mensagem :
Código:
alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Luiz em 07.09.17 22:53

Tente esse:

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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: '[' + Math.floor(Math.random() * 9999) + '] ' + $('#fa-generated-title').val().trim(),
                  f: 151,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6629
Pontos Ativos : 7522

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 07.09.17 22:57

@Luiz escreveu:Tente esse:

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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: '[' + Math.floor(Math.random() * 9999) + '] ' + $('#fa-generated-title').val().trim(),
                  f: 151,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

Resultou, mas sem o ID de denúncia.
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Luiz em 07.09.17 22:58

Pode me ceder uma conta de teste no seu fórum e me dizer qual o ID desse formulário? Vou testar...
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6629
Pontos Ativos : 7522

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 07.09.17 23:00

Login: TesteRP
Senha: d1d2d3d456789

Link: http://www.brasilplayultimate.com.br/h55-novo-formulario

----
Edit:

Se reparar no ultimo código que mandou não tem nada relacionado ao ID de denúncia, rs Feliz

---
edit:
Na verdade funcionou: http://prntscr.com/gife3s mas eu queria que ele aparecesse na mensagem do tópico também, e o ID iria aparecer do lado do ultimo - , e não no inicio do título, entendeu?
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Luiz em 07.09.17 23:16

Troque por este:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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';

      var randId = Math.floor(Math.random() * 9999);

      $(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() + ' [' + randId + ']',
                  f: 151,
                  message: [
                    '[b][color=#FF0000]ID da Denúncia:[/color][/b]',
                    randId,
                    '',
                    $('#fa-generated-message').val().trim()
                  ].join('\n'),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

E:
Se reparar no ultimo código que mandou não tem nada relacionado ao ID de denúncia, rs Feliz

Não entendi. Desacordo
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6629
Pontos Ativos : 7522

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 07.09.17 23:18

Perfeito, mas bugou, veja: http://prntscr.com/gific7
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Luiz em 07.09.17 23:21

Okay, tente por este:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]ID da denúncia:[/color][/b]
elId
 
[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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';

      var randId = Math.floor(Math.random() * 9999);

      $(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() + ' [' + randId + ']',
                  f: 151,
                  message: $('#fa-generated-message').val().trim().replace('elId', randId),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6629
Pontos Ativos : 7522

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 07.09.17 23:26

Perfeito, agora tenho outra dúvida, como no inicio:
@iScroll escreveu:
Fora isso, gostaria de que quando o membro selecionasse o tipo de organização setasse para um tipo de forum.
Exemplo: gangster vai setar para esse: http://www.brasilplayultimate.com.br/f47-contra-gangsters
Mafioso para esse: http://www.brasilplayultimate.com.br/f49-contra-mafiosos

E por ai vai, seria possível?
Já que conseguimos arrumar o ID Feliz
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Luiz em 07.09.17 23:37

Nessa caso, seu tópico deveria ser fechado, dado que só é permitida uma questão por tópico. o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6629
Pontos Ativos : 7522

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 07.09.17 23:38

Certo enntão mais uma coisa sobre o formulário.
Teria como no lugar do "[ e ]" no título ser - #ID ?
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Luiz em 07.09.17 23:45

Sim, é claro, troque por:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário de Denúncias</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: #5cb3fd;
    }
   
    .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: 30px;
    display: block;
    text-align: center;
    margin: 15px 0px;
    color: #ffffff;
    background-color: #5cb3fd;
    margin-top: 0px;
    font-weight: lighter;
    }

    .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 {
        transition: 0.5s;
      padding: 10px 20px;
      background-color: #5cb3fd;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
        transition: 0.5s;
cursor: pointer;
    background-color: #444;
    }

    [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>Formulário de Denúncias</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Avisos</h4>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Por favor leia as Regras do Fórum mais importantes antes de você criar uma denúncia:</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Caso você quebre alguma dessas regras tomará uma punição adequada para cada ponto.</p>

</div><div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Observação: Antes de postar a denúncia, esperemos que tenha entrado em contato com o jogador/admin em questão, pois a sua denúncia poderá ser revertida a você próprio caso verifiquemos que seja forjada.</p>

</div><div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">Formulário de denúncias</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo13">Data do Ocorrido</label>
  <input type="date" data-type="date" id="campo13" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo6">Motivo</label>
  <input type="text" data-type="text" id="campo6" placeholder="Preencha aqui o motivo da denúncia." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo7">Nick do Player</label>
  <input type="text" data-type="text" id="campo7" placeholder="Nome_Sobrenome" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo8">Tipo de Organização</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Governamental">Governamental</option>
<option value="Gangster">Gangster</option>
<option value="Mafioso">Mafioso</option>
<option value="Terrorista">Terrorista</option>
</select>

</div><div class="fa-form-group clearfix">
  <label for="campo9">Ocorrido</label>
  <textarea data-type="textarea" id="campo9" placeholder="Explique aqui todo o ocorrido." required=""></textarea>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Provas</label>
  <textarea data-type="textarea" id="campo11" placeholder="Preencha aqui com os links dos prints/vídeos do ocorrido." required=""></textarea>

</div><div class="fa-form-group clearfix">
  <label for="campo12">Tentou Resolver In-Game?</label>
  <input type="text" data-type="text" id="campo12" placeholder="Se sim, mostre o que aconteceu quando tentou resolver, se não apenas deixe em branco.">

</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">[b][color=#FF0000]ID da denúncia:[/color][/b]
elId
 
[b][color=#FF0000]Motivo:[/color][/b]
{{campo6}}

[b][color=#FF0000]Nick:[/color][/b]
{{campo7}}

[b][color=#FF0000]Tipo de Organização:[/color][/b]
{{campo8}}

[b][color=#FF0000]Ocorrido:[/color][/b]
{{campo9}}

[b][color=#FF0000]Provas:[/color][/b]
{{campo11}}

[b][color=#FF0000]Tentou resolver In-Game?[/color][/b]
{{campo12}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo13}}] [{{campo8}}] - {{campo7}} - [{{campo6}}] - " />

  <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';

      var randId = Math.floor(Math.random() * 9999);

      $(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() + ' #' + randId,
                  f: 151,
                  message: $('#fa-generated-message').val().trim().replace('elId', randId),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                            alert('Denúncia Postada, aguarde até 42 horas para o fechamento da denúncia, caso contrário contate um administrador. Atenciosamente, Equipe Ultimate.');
                  location.pathname = '/f151-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6629
Pontos Ativos : 7522

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Personalizar formulário

Mensagem por iScroll em 07.09.17 23:53

Perfeito, sobre a outra questão do formulário, ja irei postar o novo tópico.
Podem fechar.
Valeu @Luiz~ <3
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Personalizar formulário

Mensagem por Kyo Panda em 08.09.17 18:07

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

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