Personalizar formulário de postagem

3 participantes

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

Tópico resolvido Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 15:19

Detalhes da questão


Endereço do fórum: http://trgcla-nwd.forumeiros.com
Versão do fórum: phpBB3

Descrição


olá acabei de criar meu formulario de postagem e estou na parte de Titulo do formulario titulo do topico etc

queria que quem criasse o topico aparecece [Recrutamento]O nome da pessoa no forum
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por tikky 08.07.18 15:21

Olá @xDominiC_.,
pode postar aqui o seu formulário para podemos editar? use o bbcode [code]


Atenciosamente,
pedxz
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 15:22

Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Formulario de Recrutamento</title>

  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Formulario de Recrutamento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo2">Seu nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="" required="">


</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Nicks antigos: (Se não tem, não responda)</label>
  <input type="text" data-type="text" id="campo3" placeholder="" required="">


</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Seu level:</label>
  <input type="text" data-type="text" id="campo4" placeholder="" required="">


</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Link do seu perfil no fórum NWD:</label>
  <input type="text" data-type="text" id="campo5" placeholder="Exemplo: http://nwdgames.forumbrasil.net/u11111111" required="">


</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Por quais Clãs você já passou?</label>
  <input type="text" data-type="text" id="campo6" placeholder="" required="">


</div>

<div class="fa-form-group clearfix">
  <label for="campo8">Escolha uma modalidade para fazer o teste:</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
<option value="COP">COP</option>
</select>

</div>
<div class="fa-form-group clearfix">
  <label for="campo10">Você leu e está ciente das Regras para pedir um recrutamento?</label>
  <select data-type="select" id="campo10" required="required">
<!-- First -->


<option value="Li,e estou ciente.">Li,e estou ciente.</option>
<option value="Não li,e não estou ciente">Não li,e não estou ciente</option>
</select>

</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Por que quer entrar para a TRG?</label>
  <textarea data-type="textarea" id="campo11" 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">Seu nick: {{campo2}}
Nicks antigos: (Se não tem, não responda) {{campo3}}
Seu level: {{campo4}}
Link do seu perfil no fórum NWD: {{campo5}}
Por quais Clãs você já passou? {{campo6}}
Escolha uma modalidade para fazer o teste: {{campo8}}
Você leu e está ciente das Regras para pedir um recrutamento? {{campo10}}
Por que quer entrar para a TRG? {{campo11}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Recrutamento]" />

  <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: 12,
       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 = '/f12-';
      }).fail(function () {
       alert('Houve um erro! Tente novamente!');
      });
         }, 600);
     });
     });
    }(jQuery));
  </script>
</body>
</html>


e tambem onde ta escrito Regras para pedir um recrutamento se puder por em vermelho

E O FUNDO DO FORMULARIO EM VERMELHO
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por tikky 08.07.18 15:36

Mude o seu formulário para este:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Formulario de Recrutamento</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>
 
  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Formulario de Recrutamento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo2">Seu nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="" required="" readonly>
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Nicks antigos: (Se não tem, não responda)</label>
  <input type="text" data-type="text" id="campo3" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Seu level:</label>
  <input type="text" data-type="text" id="campo4" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Link do seu perfil no fórum NWD:</label>
  <input type="text" data-type="text" id="campo5" placeholder="Exemplo: http://nwdgames.forumbrasil.net/u11111111" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Por quais Clãs você já passou?</label>
  <input type="text" data-type="text" id="campo6" placeholder="" required="">
 
 
</div>
 
<div class="fa-form-group clearfix">
  <label for="campo8">Escolha uma modalidade para fazer o teste:</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
<option value="COP">COP</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo10">Você leu e está ciente das Regras para pedir um recrutamento?</label>
  <select data-type="select" id="campo10" required="required">
<!-- First -->
 
 
<option value="Li,e estou ciente.">Li,e estou ciente.</option>
<option value="Não li,e não estou ciente">Não li,e não estou ciente</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Por que quer entrar para a TRG?</label>
  <textarea data-type="textarea" id="campo11" 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">Seu nick: {{campo2}}
Nicks antigos: (Se não tem, não responda) {{campo3}}
Seu level: {{campo4}}
Link do seu perfil no fórum NWD: {{campo5}}
Por quais Clãs você já passou? {{campo6}}
Escolha uma modalidade para fazer o teste: {{campo8}}
Você leu e está ciente das Regras para pedir um recrutamento? {{campo10}}
Por que quer entrar para a TRG? {{campo11}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Recrutamento] {{campo2}}" />
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
     'use strict';
 
     $(window).on('load', function () {
    var user = _userdata["username"];
    $('#campo2').val(user);
    
     $('#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: 12,
       }).done(function () {
       alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
       location.pathname = '/f12-';
      }).fail(function () {
       alert('Houve um erro! Tente novamente!');
      });
         }, 600);
     });
     });
    }(jQuery));
  </script>
</body>
</html>

e tambem onde ta escrito Regras para pedir um recrutamento se puder por em vermelho

E O FUNDO DO FORMULARIO EM VERMELHO
Segundo o regulamento de suporte só é válido 1 pedido por tópico.

Cordialmente,
pedxz
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 15:55

mas vc nao pode adcionar isso qe eu pedi n?
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por tikky 08.07.18 16:00

Só noutro tópico, aqui não Muito feliz

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 16:01

ok como eu ativo agora o formulario?
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por tikky 08.07.18 16:04

ok como eu ativo agora o formulario?
Entre no Painel de controle > Geral > Fórum > Segurança, encontre o campo Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas e marque Não.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 16:07

Não foi criei o formulario criei o html avancado botei o codigo do formulario que eu me lembre tem um codigo javascript para ativar o formulario
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por tikky 08.07.18 16:12

Um código para redirecionar o tópico para o formulário?
Use
Código:
jQuery(document).ready(function() {
    jQuery('a[href^="/post?f=ID DO FORUM&mode=newtopic"]').attr('href', '/hID DA PÁGINA-');
});

Id do forum = https://ajuda.forumeiros.com/f22-questoes-sobre-codigos
Id da página = https://ajuda.forumeiros.com/h2-
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 16:16

não consegui
e para mudar as cores que voce pois la no forum tenque por o codigo tipo #FF0000 aonde? pois botei emcima do head e nao funcionou
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por RafaelS. 08.07.18 16:17

Olá!

Para adicionar o conteúdo em vermelho, troque o código da página por este:

Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Formulario de Recrutamento</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>
 
  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Formulario de Recrutamento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo2">Seu nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="" required="" readonly>
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Nicks antigos: (Se não tem, não responda)</label>
  <input type="text" data-type="text" id="campo3" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Seu level:</label>
  <input type="text" data-type="text" id="campo4" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Link do seu perfil no fórum NWD:</label>
  <input type="text" data-type="text" id="campo5" placeholder="Exemplo: http://nwdgames.forumbrasil.net/u11111111" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Por quais Clãs você já passou?</label>
  <input type="text" data-type="text" id="campo6" placeholder="" required="">
 
 
</div>
 
<div class="fa-form-group clearfix">
  <label for="campo8">Escolha uma modalidade para fazer o teste:</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
<option value="COP">COP</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo10" style="color: red;">Você leu e está ciente das Regras para pedir um recrutamento?</label>
  <select data-type="select" id="campo10" required="required">
<!-- First -->
 
 
<option value="Li,e estou ciente.">Li,e estou ciente.</option>
<option value="Não li,e não estou ciente">Não li,e não estou ciente</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Por que quer entrar para a TRG?</label>
  <textarea data-type="textarea" id="campo11" 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">Seu nick: {{campo2}}
Nicks antigos: (Se não tem, não responda) {{campo3}}
Seu level: {{campo4}}
Link do seu perfil no fórum NWD: {{campo5}}
Por quais Clãs você já passou? {{campo6}}
Escolha uma modalidade para fazer o teste: {{campo8}}
Você leu e está ciente das Regras para pedir um recrutamento? {{campo10}}
Por que quer entrar para a TRG? {{campo11}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Recrutamento] {{campo2}}" />
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
    'use strict';
 
    $(window).on('load', function () {
    var user = _userdata["username"];
    $('#campo2').val(user);
   
    $('#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: 12,
      }).done(function () {
      alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
      location.pathname = '/f12-';
      }).fail(function () {
      alert('Houve um erro! Tente novamente!');
      });
        }, 600);
    });
    });
    }(jQuery));
  </script>
</body>
</html>

avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 16:19

ola  consegui ativar o formulario mas voce poderia botar o fundo do formulario todo vermelho as letras em preto??
e o campo que esta Seu nick: esta aparecendo meu nick do forum nao e isso que eu queria era que quem criasse o topico aparecesse [Recrutamento] o nick da pessoa
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por RafaelS. 08.07.18 16:22

Olá!

Troque por este:

Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Formulario de Recrutamento</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
    <style>
      .fa-form-group.clearfix label {
    color: black;
}
    </style>
<body>
 
  <form id="fa-generated-form" style="background:red;">
    <div class="fa-form-wrapper">
      <h1>Formulario de Recrutamento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo2">Seu nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Nicks antigos: (Se não tem, não responda)</label>
  <input type="text" data-type="text" id="campo3" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Seu level:</label>
  <input type="text" data-type="text" id="campo4" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Link do seu perfil no fórum NWD:</label>
  <input type="text" data-type="text" id="campo5" placeholder="Exemplo: http://nwdgames.forumbrasil.net/u11111111" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Por quais Clãs você já passou?</label>
  <input type="text" data-type="text" id="campo6" placeholder="" required="">
 
 
</div>
 
<div class="fa-form-group clearfix">
  <label for="campo8">Escolha uma modalidade para fazer o teste:</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
<option value="COP">COP</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo10">Você leu e está ciente das Regras para pedir um recrutamento?</label>
  <select data-type="select" id="campo10" required="required">
<!-- First -->
 
 
<option value="Li,e estou ciente.">Li,e estou ciente.</option>
<option value="Não li,e não estou ciente">Não li,e não estou ciente</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Por que quer entrar para a TRG?</label>
  <textarea data-type="textarea" id="campo11" 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">Seu nick: {{campo2}}
Nicks antigos: (Se não tem, não responda) {{campo3}}
Seu level: {{campo4}}
Link do seu perfil no fórum NWD: {{campo5}}
Por quais Clãs você já passou? {{campo6}}
Escolha uma modalidade para fazer o teste: {{campo8}}
Você leu e está ciente das Regras para pedir um recrutamento? {{campo10}}
Por que quer entrar para a TRG? {{campo11}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Recrutamento] {{campo2}}" />
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
     'use strict';
 
     $(window).on('load', function () {
    
     $('#fa-generated-form').on('submit', function (event) {
         event.preventDefault();
         $(this).find('button[type="submit"]').text('Postando...');
         setTimeout(function () {
      $.post('/post', {
       subject: $('#fa-generated-title').val().trim(),
      f: 1,
       message: $('#fa-generated-message').val().trim(),
       mode: 'newtopic',
       tid: $('[name="tid"]:first').val(),
       post: 12,
       }).done(function () {
       alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
       location.pathname = '/f12-';
      }).fail(function () {
       alert('Houve um erro! Tente novamente!');
      });
         }, 600);
     });
     });
    }(jQuery));
  </script>
</body>
</html>

Título alterado de "formulario" para "Personalizar formulário de postagem"

Até. Feliz


Última edição por RafaelS. em 08.07.18 16:24, editado 2 vez(es)
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 16:26

Fico muito bom teria como fazer em vermelho como eu queria aki esta o modelo

http://gsf-nwd.forumeiros.com/h1-

acessa ai e olha o modelo como eu queria so que as partes em verde em vermelho porfavor

e ainda nao resolveu pois o campo que esta Seu nick aparece o nick da pessoa do forum e nao e assim que eu queria porfavor tira isso e quando a pessoa criar o topico aparecer [Recrutamento]o nick da pessoa
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por RafaelS. 08.07.18 16:30

Olá!

Talvez assim?

Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Formulario de Recrutamento</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
    <style>
      .fa-form-group.clearfix label {
    color: white;
}
      #fa-generated-form h1 {
background: #ff0a01;
    border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
    border-left: 15px rgba(255, 255, 255, 0.25) solid;
      }
      #fa-generated-form h1 {
      width: 100%;
      }
    </style>
<body>
 
  <form id="fa-generated-form" style="background:red;">
    <div class="fa-form-wrapper">
      <h1>Formulario de Recrutamento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo2">Seu nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="" required="" readonly>
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Nicks antigos: (Se não tem, não responda)</label>
  <input type="text" data-type="text" id="campo3" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Seu level:</label>
  <input type="text" data-type="text" id="campo4" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Link do seu perfil no fórum NWD:</label>
  <input type="text" data-type="text" id="campo5" placeholder="Exemplo: http://nwdgames.forumbrasil.net/u11111111" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Por quais Clãs você já passou?</label>
  <input type="text" data-type="text" id="campo6" placeholder="" required="">
 
 
</div>
 
<div class="fa-form-group clearfix">
  <label for="campo8">Escolha uma modalidade para fazer o teste:</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
<option value="COP">COP</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo10">Você leu e está ciente das <strong><span style="color: rgb(255, 255, 0);">Regras para pedir um recrutamento?</span></strong></label>
  <select data-type="select" id="campo10" required="required">
<!-- First -->
 
 
<option value="Li,e estou ciente.">Li,e estou ciente.</option>
<option value="Não li,e não estou ciente">Não li,e não estou ciente</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Por que quer entrar para a TRG?</label>
  <textarea data-type="textarea" id="campo11" 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">Seu nick: {{campo2}}
Nicks antigos: (Se não tem, não responda) {{campo3}}
Seu level: {{campo4}}
Link do seu perfil no fórum NWD: {{campo5}}
Por quais Clãs você já passou? {{campo6}}
Escolha uma modalidade para fazer o teste: {{campo8}}
Você leu e está ciente das Regras para pedir um recrutamento? {{campo10}}
Por que quer entrar para a TRG? {{campo11}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Recrutamento] {{campo2}}" />
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
    'use strict';
 
    $(window).on('load', function () {
    var user = _userdata["username"];
    $('#campo2').val(user);
   
    $('#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: 12,
      }).done(function () {
      alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
      location.pathname = '/f12-';
      }).fail(function () {
      alert('Houve um erro! Tente novamente!');
      });
        }, 600);
    });
    });
    }(jQuery));
  </script>
</body>
</html>
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 16:33

Sim Otimo mas ainda nao resolveu meu problema do campo Seu nick: e
Esta aparencendo o nick da pessoa do forum apague isso e deixe em branco

e quando a pessoa criar o topico aparecer [Recrutament] o nick da pessoa

testei o formulario apareceu que postou mais nao postou
quero que poste em http://trgcla-nwd.forumeiros.com/f12-recrutamento
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por RafaelS. 08.07.18 16:59

Olá!

Vamos por passos. Primeiramente, vamos fazer com que o formulário foncione.
Tente este código:

Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Formulario de Recrutamento</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
    <style>
      .fa-form-group.clearfix label {
    color: white;
}
      #fa-generated-form h1 {
background: #ff0a01;
    border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
    border-left: 15px rgba(255, 255, 255, 0.25) solid;
      }
      #fa-generated-form h1 {
      width: 100%;
      }
    </style>
<body>
 
  <form id="fa-generated-form" style="background:red;">
    <div class="fa-form-wrapper">
      <h1>Formulario de Recrutamento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo2">Seu nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="" required="" readonly>
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Nicks antigos: (Se não tem, não responda)</label>
  <input type="text" data-type="text" id="campo3" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Seu level:</label>
  <input type="text" data-type="text" id="campo4" placeholder="" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Link do seu perfil no fórum NWD:</label>
  <input type="text" data-type="text" id="campo5" placeholder="Exemplo: http://nwdgames.forumbrasil.net/u11111111" required="">
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Por quais Clãs você já passou?</label>
  <input type="text" data-type="text" id="campo6" placeholder="" required="">
 
 
</div>
 
<div class="fa-form-group clearfix">
  <label for="campo8">Escolha uma modalidade para fazer o teste:</label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
<option value="COP">COP</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo10">Você leu e está ciente das <strong><span style="color: rgb(255, 255, 0);">Regras para pedir um recrutamento?</span></strong></label>
  <select data-type="select" id="campo10" required="required">
<!-- First -->
 
 
<option value="Li,e estou ciente.">Li,e estou ciente.</option>
<option value="Não li,e não estou ciente">Não li,e não estou ciente</option>
</select>
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Por que quer entrar para a TRG?</label>
  <textarea data-type="textarea" id="campo11" 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">Seu nick: {{campo2}}
Nicks antigos: (Se não tem, não responda) {{campo3}}
Seu level: {{campo4}}
Link do seu perfil no fórum NWD: {{campo5}}
Por quais Clãs você já passou? {{campo6}}
Escolha uma modalidade para fazer o teste: {{campo8}}
Você leu e está ciente das Regras para pedir um recrutamento? {{campo10}}
Por que quer entrar para a TRG? {{campo11}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Recrutamento] {{campo2}}" />
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
    'use strict';
 
    $(window).on('load', function () {
    var user = _userdata["username"];
    $('#campo2').val(user);
 
    $('#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: 12,
      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 = '/f12-';
      }).fail(function () {
      alert('Houve um erro! Tente novamente!');
      });
        }, 600);
    });
    });
    }(jQuery));
  </script>
</body>
</html>

Fico no aguardo Feliz
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 17:02

Ainda nao enviou
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por RafaelS. 08.07.18 17:14

Olá novamente.

Eu entrei em seu fórum para verificar, e veja : http://trgcla-nwd.forumeiros.com/f12-recrutamento

Fico no aguardo Feliz
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por xDominiC_. 08.07.18 22:16

Olá pode fechar o topico obrigado
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar formulário de postagem

Mensagem por RafaelS. 08.07.18 22:17

Tópico resolvido


Movido para "Questões resolvidas".
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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