Formulário 2.0 (Personalização)

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

Atendido / Resolvido Formulário 2.0 (Personalização)

Mensagem por Punisher 11.03.18 16:50

Detalhes da questão


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

Descrição


Olá, gostaria de saber se há alguma forma de personalizar o formulário 2.0, antigamente quando gerava dava pra mudar a cor e etc, mas hoje já não é mais assim, gostaria de saber se há alguma forma de personalizar o mesmo, aguardo.
Punisher

Punisher
Nível 9

Masculino
Inscrito dia : 16/10/2017
Mensagens : 167
Pontos ativos : 284

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por pedxz 11.03.18 16:59

Olá,
sim é possível personalizar o formulário, basta ter a noção de CSS/HTML, se quiser ajudar basta postar aqui e descrever o que quer.

obrigado
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6195
Pontos ativos : 7355

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por Punisher 11.03.18 17:03

Código:
 
<!--  ->
/**
 * 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>
 */
<!-  -->  <meta charset="UTF-8" />  <meta content="width=device-width, initial-scale=1.0" name="viewport" />  <meta content="ie=edge" http-equiv="X-UA-Compatible" />  <title>Recrutamento</title>  <link href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" rel="stylesheet" /> 
<form id="fa-generated-form">
      
   <div class="fa-form-wrapper">
           
      <h1>
         Recrutamento
      </h1>
           
      <!--  BEGIN Generated HTML Code  -->     
      <div class="fa-form-group clearfix">
           <label for="campo1">Seu nick:</label>  <input required="" placeholder="Seu nick no game" id="campo1" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
           <label for="campo2">Nicks antigos:</label>  <input required="" placeholder="Seus nicks antigos no servidor" id="campo2" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
           <label for="campo3">Seu perfil na NWD:</label>  <input required="" placeholder="Link do seu perfil no fórum da NWD" id="campo3" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
           <label for="campo4">Por quais clãs você já passou?:</label>  <input required="" placeholder="Coloque aqui o nome dos clãs que você já participou" id="campo4" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
           <label for="campo5">Modalidade:</label>  <select required="" id="campo5" data-type="select">

            <!--  First  -->
<option value="Race">Race</option>
<option value="Crime">Crime</option>
</select>
      </div>
      <div class="fa-form-group clearfix">
           <label for="campo7">Leu as regras de recrutamento?:</label>  <select required="required" id="campo7" data-type="select">

            <!--  First  -->


<option value="Não">Não</option>
<option value="Sim">Sim</option>
</select>
      </div>
      <div class="fa-form-group clearfix">
          
         <h4 class="form-subtitle data-text">
            Responda com sinceridade e atenção!
         </h4>
         
      </div>
           
      <!--  END Generated HTML Code  -->   
   </div>
      
   <div class="fa-submit">
           
      <button type="submit" class="post-button">
         Enviar Formulário
      </button>
         
   </div>
    
</form>
 
<!--  Javascript's  --> 
<!--  Não é recomendada a edição abaixo desta linha.  -->  <textarea id="fa-generated-message" style="display: none;">[b]Seu nick:[/b] {{campo1}}
[b]Nicks antigos:[/b] {{campo2}}
[b]Seu perfil na NWD:[/b] [url=legends.com][color=#FF0000]{{campo3}}[/color][/url]
[b]Por quais clãs você já passou?:[/b] {{campo4}}
[b]Modalidade:[/b] {{campo5}}
[b]Leu as regras de recrutamento?:[/b] {{campo7}}</textarea>  <input value="[Recrutamento] {{campo1}}" id="fa-generated-title" type="hidden" />  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script type="text/javascript" src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js"></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>

Gostaria que o fundo fosse dessa cor: #FFA200
Punisher

Punisher
Nível 9

Masculino
Inscrito dia : 16/10/2017
Mensagens : 167
Pontos ativos : 284

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por pedxz 11.03.18 17:23

O fundo da página ou do "corpo" do formulário?
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6195
Pontos ativos : 7355

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por Punisher 11.03.18 17:39

Queria que o fundo ficasse mais ou menos assim:
http://gsf-nwd.forumeiros.com/h1-
Punisher

Punisher
Nível 9

Masculino
Inscrito dia : 16/10/2017
Mensagens : 167
Pontos ativos : 284

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por pedxz 11.03.18 17:47

Mais ao menos assim?

Código:
 <!--  ->
/**
 * 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>
 */
<!-  --> 
<link href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" rel="stylesheet" />
<form id="fa-generated-form" style="background-color:#FFA200">
     
  <div class="fa-form-wrapper">
         
      <h1 style="background-color:#FFA200">
        Recrutamento
      </h1>
         
      <!--  BEGIN Generated HTML Code  -->   
      <div class="fa-form-group clearfix">
          <label for="campo1">Seu nick:</label>  <input required="" placeholder="Seu nick no game" id="campo1" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo2">Nicks antigos:</label>  <input required="" placeholder="Seus nicks antigos no servidor" id="campo2" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo3">Seu perfil na NWD:</label>  <input required="" placeholder="Link do seu perfil no fórum da NWD" id="campo3" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo4">Por quais clãs você já passou?:</label>  <input required="" placeholder="Coloque aqui o nome dos clãs que você já participou" id="campo4" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo5">Modalidade:</label>  <select required="" id="campo5" data-type="select">
 
            <!--  First  -->
<option value="Race">Race</option>
<option value="Crime">Crime</option>
</select>
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo7">Leu as regras de recrutamento?:</label>  <select required="required" id="campo7" data-type="select">
 
            <!--  First  -->
 
 
<option value="Não">Não</option>
<option value="Sim">Sim</option>
</select>
      </div>
      <div class="fa-form-group clearfix">
         
        <h4 class="form-subtitle data-text">
            Responda com sinceridade e atenção!
        </h4>
       
      </div>
         
      <!--  END Generated HTML Code  --> 
  </div>
     
  <div class="fa-submit">
         
      <button type="submit" class="post-button">
        Enviar Formulário
      </button>
       
  </div>
   
</form>
 
<!--  Javascript's  -->
<!--  Não é recomendada a edição abaixo desta linha.  -->  <textarea id="fa-generated-message" style="display: none;">[b]Seu nick:[/b] {{campo1}}
[b]Nicks antigos:[/b] {{campo2}}
[b]Seu perfil na NWD:[/b] [url=legends.com][color=#FF0000]{{campo3}}[/color][/url]
[b]Por quais clãs você já passou?:[/b] {{campo4}}
[b]Modalidade:[/b] {{campo5}}
[b]Leu as regras de recrutamento?:[/b] {{campo7}}</textarea>  <input value="[Recrutamento] {{campo1}}" id="fa-generated-title" type="hidden" />  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script type="text/javascript" src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js"></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>
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6195
Pontos ativos : 7355

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por Punisher 11.03.18 22:13

Tive uma ideia.
Gostaria de saber se é possível botar uma imagem de fundo.
Se for eu já começo a fazer a imagem.
Edit:
Coloquei a imagem, ficou do jeito que eu queria, agora só preciso que me ajude a modificar os botões,
Resultado:
http://prntscr.com/ipv5sf
Punisher

Punisher
Nível 9

Masculino
Inscrito dia : 16/10/2017
Mensagens : 167
Pontos ativos : 284

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por virus 11.03.18 23:55

Boa noite. Como deseja que o botão seja?

até.
virus

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos ativos : 913

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por Punisher 12.03.18 0:27

Se possível colocar está imagem: https://i.imgur.com/r3RNCvM.png
Ou então deixar o Fundo do botão Laranja: #FFA200
Punisher

Punisher
Nível 9

Masculino
Inscrito dia : 16/10/2017
Mensagens : 167
Pontos ativos : 284

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por virus 12.03.18 0:41

Troque por este e veja
Código:
  <!--  ->
/**
 * 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>
 */
<!-  -->
<meta charset="utf-8">
<link href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" rel="stylesheet" />
<form id="fa-generated-form" style="background-color:#FFA200">
 
  <div class="fa-form-wrapper">
     
      <h1 style="background-color:#FFA200">
        Recrutamento
      </h1>
     
      <!--  BEGIN Generated HTML Code  -->
      <div class="fa-form-group clearfix">
          <label for="campo1">Seu nick:</label>  <input required="" placeholder="Seu nick no game" id="campo1" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo2">Nicks antigos:</label>  <input required="" placeholder="Seus nicks antigos no servidor" id="campo2" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo3">Seu perfil na NWD:</label>  <input required="" placeholder="Link do seu perfil no fórum da NWD" id="campo3" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo4">Por quais clãs você já passou?:</label>  <input required="" placeholder="Coloque aqui o nome dos clãs que você já participou" id="campo4" data-type="text" type="text" />
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo5">Modalidade:</label>  <select required="" id="campo5" data-type="select">
 
            <!--  First  -->
<option value="Race">Race</option>
<option value="Crime">Crime</option>
</select>
      </div>
      <div class="fa-form-group clearfix">
          <label for="campo7">Leu as regras de recrutamento?:</label>  <select required="required" id="campo7" data-type="select">
 
            <!--  First  -->
 
 
<option value="Não">Não</option>
<option value="Sim">Sim</option>
</select>
      </div>
      <div class="fa-form-group clearfix">
     
        <h4 class="form-subtitle data-text">
            Responda com sinceridade e atenção!
        </h4>
   
      </div>
     
      <!--  END Generated HTML Code  -->
  </div>
 
  <div class="fa-submit">
     
      <button type="submit" class="post-button" style="background-image: url('https://i.imgur.com/r3RNCvM.png');width:151px;height:37px;font-size:0;">
        Enviar Formulário
      </button>
   
  </div>
 
</form>
 
<!--  Javascript's  -->
<!--  Não é recomendada a edição abaixo desta linha.  -->  <textarea id="fa-generated-message" style="display: none;">[b]Seu nick:[/b] {{campo1}}
[b]Nicks antigos:[/b] {{campo2}}
[b]Seu perfil na NWD:[/b] [url=legends.com][color=#FF0000]{{campo3}}[/color][/url]
[b]Por quais clãs você já passou?:[/b] {{campo4}}
[b]Modalidade:[/b] {{campo5}}
[b]Leu as regras de recrutamento?:[/b] {{campo7}}</textarea>  <input value="[Recrutamento] {{campo1}}" id="fa-generated-title" type="hidden" />  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script type="text/javascript" src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js"></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>

Até;
virus

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos ativos : 913

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por Punisher 12.03.18 2:42

Obrigado, ficou da forma que queria, virus, consegui colocar o botão que você colocou no formulário que eu já tinha personalizado, agradeço!
Punisher

Punisher
Nível 9

Masculino
Inscrito dia : 16/10/2017
Mensagens : 167
Pontos ativos : 284

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Formulário 2.0 (Personalização)

Mensagem por virus 12.03.18 2:49

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos ativos : 913

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão neste fórum:
Você não pode responder aos tópicos neste fórum