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

Personalizar formulário de postagem

2 participantes

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

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

Tópico resolvido Personalizar formulário de postagem

Mensagem por xDominiC_. 28.08.18 23:06

Detalhes da questão


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

Descrição


Queria saber se e possivel colocar uma imagem no fundo do meu formulario e mudar as cores do botoes e titulo do formulario
xDominiC_.

xDominiC_.
*****

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

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

Ir para o topo Ir para baixo

Ajudeiro

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

Mensagem por Fraise 28.08.18 23:13

Olá,

Nos forneça o código do seu formulário e nos indique qual o fundo que deseja e quais as cores que cor no botão.

Até mais,
Fraise.

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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

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

Mensagem por xDominiC_. 28.08.18 23:21

Código:
<br /><!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>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>Recrutamento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo1">Meu Nick:</label>
  <input type="text" data-type="text" id="campo1" placeholder="Seu Nick No Servidor da NWD." required="">


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


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


</div><div class="fa-form-group clearfix">
  <label for="campo5">Meu perfil na NWD:</label>
  <input type="text" data-type="text" id="campo5" placeholder="Exemplo: http://nwdgames.forumbrasil.net/u213613713" required="">


</div><div class="fa-form-group clearfix">
  <label for="campo6">Clãs que já passei:</label>
  <input type="text" data-type="text" id="campo6" placeholder="" required="">


</div>
<div class="fa-form-group clearfix">
  <label for="campo9">Modalidade para o Teste:</label>
  <select data-type="select" id="campo9" required="required">
<!-- First -->



<option value="RACE">RACE</option>
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
</select>


</div><div class="fa-form-group clearfix">
  <label for="campo11">Sobre as Regras para pedir Recrutamento:</label>
  <select data-type="select" id="campo11" 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="campo12">Por que quer entrar para a JPS?</label>
  <textarea data-type="textarea" id="campo12" placeholder="" required="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">Meu Nick: {{campo1}}
Nicks antigos: {{campo3}}
Meu Level: {{campo4}}
Meu perfil na NWD: {{campo5}}
Clãs que já passei: {{campo6}}
Modalidade para o Teste: {{campo9}}
Sobre as Regras para pedir Recrutamento: {{campo11}}
Por que quer entrar para a JPS? {{campo12}}</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: 5,
       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 = '/f5-';
      }).fail(function () {
       alert('Houve um erro! Tente novamente!');
      });
         }, 600);
     });
     });
    }(jQuery));
  </script>
</body>
</html>

a imagem voce pode por uma do gta 5 qualquer que vc achar ai as cores do botao e titulo quero em amarelo e a letra em preto
e o formulario nao esta enviando
xDominiC_.

xDominiC_.
*****

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

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

Ir para o topo Ir para baixo

Ajudeiro

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

Mensagem por Fraise 29.08.18 2:10

Troque o código do formulário 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>
  <style>
    .fa-submit button, #fa-generated-form h1 {
    background-color: yellow !important;
    color: #000;
}
    body {
    background: url(https://vignette.wikia.nocookie.net/gtawiki/images/5/50/Wiki-background/revision/20161203112831);
    background-size: 100%;
}
  </style>
  <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>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>Recrutamento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">RECRUTAMENTO</h4>

</div><div class="fa-form-group clearfix">
  <label for="campo1">Meu Nick</label>
  <input type="text" data-type="text" id="campo1" placeholder="Seu Nick No Servidor Da NWD." required="">

</div><div class="fa-form-group clearfix">
  <label for="campo2">Nicks antigos</label>
  <input type="text" data-type="text" id="campo2" placeholder="Se Não tem não responda">

</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Meu Level</label>
  <input type="text" data-type="text" id="campo4" placeholder="" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo5">Meu perfil na NWD</label>
  <input type="text" data-type="text" id="campo5" placeholder="" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo6">Clãs que já passei</label>
  <input type="text" data-type="text" id="campo6" placeholder="" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo7">Modalidade para o Teste</label>
  <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="RACE">RACE</option>
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
</select>
</div><div class="fa-form-group clearfix">
  <label for="campo9">Sobre as regras do recrutamento</label>
  <select data-type="select" id="campo9" 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="campo10">Porque quer entrar na JPS?</label>
  <textarea data-type="textarea" id="campo10" 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">Meu Nick   {{campo1}}
Nicks antigos   {{campo2}}
Meu Level   {{campo4}}
Meu perfil na NWD   {{campo5}}
Clãs que já passei   {{campo6}}
Modalidade para o Teste   {{campo7}}
Sobre as regras do recrutamento   {{campo9}}
Porque quer entrar na JPS?   {{campo10}}</textarea>
  <input type="hidden" id="fa-generated-title" value="Título 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: 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>

Até mais,
Fraise.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

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

Mensagem por xDominiC_. 29.08.18 2:11

Obrigado pode fechar
xDominiC_.

xDominiC_.
*****

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

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

Ir para o topo Ir para baixo

Ajudeiro

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

Mensagem por Fraise 29.08.18 2:12

Tópico resolvido



Movido para "Questões resolvidas".
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte 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