É possível modificar o formulário de postagens que criei? Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

É possível modificar o formulário de postagens que criei?

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Ir para baixo

Tópico resolvido É possível modificar o formulário de postagens que criei?

Mensagem por Kenno LP 05.09.17 14:56

Detalhes da questão


Endereço do fórum: http://lostscavenge.forumeiros.com
Versão do fórum: ModernBB

Descrição


Olá, eu sou o Kenno!

Eu tenho umas dúvidas ao criar um formulário e simplesmente não consigo, então peço que me façam um formulário!

Tem este formulário que o Luiz~ me fez, http://lostscavenge.forumeiros.com/h4- , e peço que me façam um quase igual a esse!

Código HTML do formulário que Luiz~ me fez:

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<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>Testando formulário</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;
    }
h2 {
    color: red;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
    #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 h2 {
      font-size: 11px;
      color: #000000;
      font-family: arial;
    }
   
    .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-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

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

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

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

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

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

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

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

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

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h2>LEIA ANTES DE PREENCHER O FORMULÁRIO! </h2>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h2 class="form-subtitle data-text">
    - Antes de enviar o formulário registre sua conta no servidor caso contrário é impossível aceita-lo. <br/>
    - REMOVA todos os hacks e mods do seu GTA, se for banido por uso de programas ilegais não será desbanido.<br/>
    - Se você foi banido não crie outra conta, isso só piora sua situação. Faça um tópico em revisão de banidos e peça uma segunda chance. <br/>
    - Se você for fake não adianta pedir whitelist, nós iremos saber. <br/>
    - NÃO É PERMITIDO nicks com caracteres especiais e nicks ofensivos/inválidos! <br/>
    - Assim que criar o tópico fique de olho no mesmo, a qualquer momento poderá ser aceito na whitelist e o admin avisará! <br/>
    - Crie apenas um tópico e aguarde algum membro da staff aceita-lo.<br/>
    - Geralmente os pedidos de whitelist são aceitos em 1hr, se tiver admin online será aceito dentro de 10 minutos.</h2>


</div><div class="fa-form-group clearfix">
      <label for="campo6"><strong>Você leu os termos acima?</strong></label>
  <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>




</div><div class="fa-form-group clearfix">
      <label for="campo7"><strong>Está ciente de que se usar hacker será banido permanente?</strong></label>
  <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>




</div><div class="fa-form-group clearfix">
      <label for="campo8"><strong>Você registrou sua conta no servidor?</strong></label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>



</div><div class="fa-form-group clearfix">
  <label for="campo3">Seu Nick</label>
      <input data-type="text" id="campo3" placeholder="Seu nick in-game já cadastrado" required="" type="text"/>




</div><div class="fa-form-group clearfix">
  <label for="campo4">Como descobriu o servidor</label>
  <input data-type="text" id="campo4" placeholder="Exemplo, pelo Youtube" required="" type="text"/>




</div><div class="fa-form-group clearfix">
  <label for="campo5">Por que você quer jogar no servidor?</label>
  <textarea data-type="textarea" id="campo5" placeholder="Nos conte sobre você, porque quer jogar no servidor? Leu as regras do servidor? É um jogador limpo sem usar hacker?" required=""></textarea>




</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]Você leu os termos acima?[/b]    {{campo6}}

[b]Está ciente de que se usar hacker será banido permanente?[/b]    {{campo7}}

[b]Você registrou sua conta no servidor?[/b]    {{campo8}}

Seu Nick    {{campo3}}

Como descobriu o servidor    {{campo4}}

Por que você quer jogar no servidor?    {{campo5}}</textarea>
  <input type="hidden" id="fa-generated-title" value="teste de formulário" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://lffg.github.io/fdf/js/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: 7,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f7-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>


E o código JavaScript:

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f=3&mode=newtopic"]')
      .attr('href', '/h4-')
    ;
  });
}(jQuery));


Eu pretendo que me façam um formulário igual a esse, apenas modificando algumas coisas!

Nas regras em cima, removam todas as regras e adicionem essas:

- Apenas crie o tópico se você foi o jogador banido!
- Apenas crie um tópico e aguarde um administrador rever seu banimento!


E na parte de preencher, as perguntas também mudam.

Removam todas as perguntas e o texto dentro das caixa de reposta.

As novas perguntas:

- Seu nick in-game:

- Administrador que o baniu:

- Motivo do banimento:

- Porque acha que deveria ser desbanido?

- Provas (Opcional):


(Não precisa ter texto dentro da caixa onde responde no formulário!)


Espero que possam fazer isso para mim, pois eu tenho muitas dúvidas e não consigo fazer o formulário!

(P.S.: Peço que, quando criar um Novo Tópico, nesse fórum: http://lostscavenge.forumeiros.com/f5-revisao-de-banimento , seja redirecionado para o formulário.)

Grande abraço,

Kenno.
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Shek 06.09.17 2:19

Olá e boa noite.

Crie uma nova página HTML com este código:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<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>Testando formulário</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;
    }
h2 {
    color: red;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
    #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 h2 {
      font-size: 11px;
      color: #000000;
      font-family: arial;
    }
   
    .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-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

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

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

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

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

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

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

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

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

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h2>LEIA ANTES DE PREENCHER O FORMULÁRIO! </h2>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h2 class="form-subtitle data-text">
    - Apenas crie o tópico se você foi o jogador banido! <br/>
    - Apenas crie um tópico e aguarde um administrador rever seu banimento!<br/>
      <div class="fa-form-group clearfix">
  <label for="campo1">Seu nick in-game</label>
  <input type="text" data-type="text" id="campo1" placeholder="" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo2">Administrador que o baniu</label>
  <input type="text" data-type="text" id="campo2" placeholder="" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Motivo do banimento</label>
  <input type="text" data-type="text" id="campo3" placeholder="" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Porque acha que deveria ser desbanido?</label>
  <textarea data-type="textarea" id="campo4" placeholder="" required=""></textarea>
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Provas (Opcional)</label>
  <textarea data-type="textarea" id="campo5" placeholder="" required=""></textarea>
</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]Seu nick in-game[/b]: {{campo1}}
[b]Administrador que o baniu[/b]: {{campo2}}
[b]Motivo do banimento[/b]: {{campo3}}
[b]Porque acha que deveria ser desbanido?[/b]:
{{campo4}}

[b]Provas (Opcional)[/b]:
{{campo5}}</textarea>
  <input type="hidden" id="fa-generated-title" value="Formulário de desbanimento" />

  <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: 1,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f1-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
Já para mudar o botão Novo tópico no setor F5, logo após:
Código:
    $('a[href^="/post?f=3&mode=newtopic"]')
      .attr('href', '/h4-')
    ;
Colar isso:
Código:
    $('a[href^="/post?f=5&mode=newtopic"]')
      .attr('href', '/hY-')
    ;
Substitua o Y no código pelo número da página HTML gerada em seu fórum com o novo formulário. Piscada

Até mais.
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Kenno LP 06.09.17 14:35

É possível que, como o formulário que o Luiz~ me fez, após criar um novo tópico o nome do tópico seja [Ban] NOME (Nome é a resposta à primeira pergunta do formulário (nick in-game)).
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Shek 06.09.17 17:17

Sim... Troca este código:
Código:
<input type="hidden" id="fa-generated-title" value="Formulário de desbanimento" />
Por:
Código:
<input type="hidden" id="fa-generated-title" value="[BAN] {{campo1}}" />
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Kenno LP 07.09.17 10:24

Duas perguntas, este código:

Código:
    $('a[href^="/post?f=5&mode=newtopic"]')
      .attr('href', '/hY-')
    ;

Que você me mandou postar depois desse, no JavaScript:

Código:
    $('a[href^="/post?f=3&mode=newtopic"]')
      .attr('href', '/h4-')
    ;

pode ser na mesma JavaScript ou tem de se criar outra?


E esse código aqui:

Código:
<input type="hidden" id="fa-generated-title" value="Formulário de desbanimento" />

encontra-se no código que me mandou, ou é para eu adicionar com o novo "value=" ? (nesse caso, [Ban] {{campo1}}
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Kenno LP 08.09.17 10:28

UP
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Luiz 08.09.17 17:34

Que você me mandou postar depois desse, no JavaScript:
Você pode criar um novo, ou colocar no mesmo. Feliz

encontra-se no código que me mandou, ou é para eu adicionar com o novo "value=" ? (nesse caso, [Ban] {{campo1}}
Depende de você, dado que o atributo "value" corresponde ao título que será gerado.

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Kenno LP 08.09.17 17:40

Mas no código com o "value=", ele já está presente no formulário HTML ou tem de se adicionar?
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Luiz 08.09.17 17:41

Já está. Piscada
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Kenno LP 08.09.17 17:46

Eu não o encontro no formulário :/ Pode mandar o código da parte do formulário umas linhas antes e umas linhas depois para eu situar?
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Luiz 08.09.17 17:47

No código HTML passado pelo Shek nessa mensagem, vá num editor de texto e aperte Ctrl + F e filtre por:
Código:
<input type="hidden" id="fa-generated-title" value="Formulário de desbanimento" />
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Kenno LP 08.09.17 21:00

Não funcionou! Não redirecionou para o formulário ao clicar em Novo Tópico.
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Kenno LP 09.09.17 10:50

UP
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Shek 09.09.17 15:50

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<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>Testando formulário</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;
    }
h2 {
    color: red;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
    #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 h2 {
      font-size: 11px;
      color: #000000;
      font-family: arial;
    }
   
    .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-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

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

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

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

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

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

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

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

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

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h2>LEIA ANTES DE PREENCHER O FORMULÁRIO! </h2>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h2 class="form-subtitle data-text">
    - Apenas crie o tópico se você foi o jogador banido! <br/>
    - Apenas crie um tópico e aguarde um administrador rever seu banimento!<br/>
      <div class="fa-form-group clearfix">
  <label for="campo1">Seu nick in-game</label>
  <input type="text" data-type="text" id="campo1" placeholder="" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo2">Administrador que o baniu</label>
  <input type="text" data-type="text" id="campo2" placeholder="" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Motivo do banimento</label>
  <input type="text" data-type="text" id="campo3" placeholder="" required="">
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Porque acha que deveria ser desbanido?</label>
  <textarea data-type="textarea" id="campo4" placeholder="" required=""></textarea>
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Provas (Opcional)</label>
  <textarea data-type="textarea" id="campo5" placeholder="" required=""></textarea>
</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]Seu nick in-game[/b]: {{campo1}}
[b]Administrador que o baniu[/b]: {{campo2}}
[b]Motivo do banimento[/b]: {{campo3}}
[b]Porque acha que deveria ser desbanido?[/b]:
{{campo4}}

[b]Provas (Opcional)[/b]:
{{campo5}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[BAN] {{campo1}}" />

  <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: 1,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f1-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
Estilo cool
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: É possível modificar o formulário de postagens que criei?

Mensagem por Kyo Panda 14.09.17 12:25

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

 
Permissões neste sub-fórum
Não podes responder a tópicos