Edição do código gerado pelo formulário

Item: Edição do código gerado pelo formulário
Rating: 1

por Choppie 12.04.19 20:40

Detalhes da questão

Endereço do fórum: http://fhanwd.forumeiros.com
Versão do fórum: phpBB2

Descrição

Olá,
Gostaria de saber, como deixo o tópico do meu formulário em negrito.
Igual a esse: https://imgur.com/a/l1UaP98

por **tikky** 12.04.19 21:59

Olá @Choppie,
o senhor já gerou algum formulário? Se sim, passe-me o código, por favor Estilo cool

Aguardo uma resposta sua,
pedxz.

por Choppie 13.04.19 1:30

Olá, aqui está:

Código:: <!DOCTYPE html> <html>  <<head> <style> .fa-submit button, #fa-generated-form h1 { background-color: purple !important; color: #000; } body { background: url(https://vignette.wikia.nocookie.net/gtawiki/images/5/50/Wiki-background/revision/20161203112831); background-size: 100%; } <style> .fa-submit button, #fa-generated-form h3 { background-color: Purple !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>Formulário 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>Formulário de Recrutamento</h1>  <div class="fa-form-group clearfix"> <label for="campo1">Seu nick:</label> <input type="text" data-type="text" id="campo1" placeholder="" required=""> </div><div class="fa-form-group clearfix"> <label for="campo2">Nicks antigos: (Se não tiver use N/A)</label> <input type="text" data-type="text" id="campo2" placeholder="" required=""> </div><div class="fa-form-group clearfix"> <label for="campo2">Meu level:</label> <input type="text" data-type="text" id="campo12" placeholder="" required=""> </div><div class="fa-form-group clearfix"> <label for="campo3">Link do seu perfil no fórum NWD:</label> <input type="text" data-type="text" id="campo3" placeholder="Exemplo:http://nwdgames.forumbrasil.net/u9178" required=""> </div><div class="fa-form-group clearfix"> <label for="campo4">Já foi membro de quais Clãs?</label> <input type="text" data-type="text" id="campo4" placeholder="" required=""> </div><div class="fa-form-group clearfix"> <label for="campo5">Escolha uma modalidade para fazer o teste: </label> <select data-type="select" id="campo5" required="required">  <option value="DM">DM</option> <option value="CRIME">CRIME</option> <option value="FUGA">FUGA</option> </select> </div><div class="fa-form-group clearfix"> <label for="campo8">Você leu e está ciente das Regras para pedir um recrutamento?</label> <select data-type="select" id="campo8" required="">  <option value="SIM">SIM</option> <option value="NÃO">NÃO</option> </select> </div><div class="fa-form-group clearfix"> <label for="campo10"> Por que quer entrar para [FHA]?</label> <input type="text" data-type="text" id="campo10" placeholder="" required=""> </div>  </div> <div class="fa-submit"> <button class="post-button" type="submit">Enviar Formulário</button> </div> </form>   <textarea style="display: none;" id="fa-generated-message">[center][b]Apresentação de membros![/b][/center] Meu nick: {{campo1}} Meus nicks antigos: {{campo2}} Meu level: [{campo12}] Meu perfil no fórum da NWD: {{campo3}} Já fui membro dos clãs: {{campo4}} Modalidade que quero fazer teste: {{campo5}} Eu li e estou ciente das regras para pedir recrutamento?: {{campo8}} Por que quero entrar para [FHA]: {{campo10}}</textarea> <input type="hidden" id="fa-generated-title" value="Apresentação de {{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>

por **tikky** 13.04.19 9:37

Mude o seu código para o seguinte:

Código:: <!DOCTYPE html> <html>  <<head> <style> .fa-submit button, #fa-generated-form h1 { background-color: purple !important; color: #000; } body { background: url(https://vignette.wikia.nocookie.net/gtawiki/images/5/50/Wiki-background/revision/20161203112831); background-size: 100%; } <style> .fa-submit button, #fa-generated-form h3 { background-color: Purple !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>Formulário 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>Formulário de Recrutamento</h1>  <div class="fa-form-group clearfix"> <label for="campo1">Seu nick:</label> <input type="text" data-type="text" id="campo1" placeholder="" required=""> </div><div class="fa-form-group clearfix"> <label for="campo2">Nicks antigos: (Se não tiver use N/A)</label> <input type="text" data-type="text" id="campo2" placeholder="" required=""> </div><div class="fa-form-group clearfix"> <label for="campo2">Meu level:</label> <input type="text" data-type="text" id="campo12" placeholder="" required=""> </div><div class="fa-form-group clearfix"> <label for="campo3">Link do seu perfil no fórum NWD:</label> <input type="text" data-type="text" id="campo3" placeholder="Exemplo:http://nwdgames.forumbrasil.net/u9178" required=""> </div><div class="fa-form-group clearfix"> <label for="campo4">Já foi membro de quais Clãs?</label> <input type="text" data-type="text" id="campo4" placeholder="" required=""> </div><div class="fa-form-group clearfix"> <label for="campo5">Escolha uma modalidade para fazer o teste: </label> <select data-type="select" id="campo5" required="required">  <option value="DM">DM</option> <option value="CRIME">CRIME</option> <option value="FUGA">FUGA</option> </select> </div><div class="fa-form-group clearfix"> <label for="campo8">Você leu e está ciente das Regras para pedir um recrutamento?</label> <select data-type="select" id="campo8" required="">  <option value="SIM">SIM</option> <option value="NÃO">NÃO</option> </select> </div><div class="fa-form-group clearfix"> <label for="campo10"> Por que quer entrar para [FHA]?</label> <input type="text" data-type="text" id="campo10" placeholder="" required=""> </div>  </div> <div class="fa-submit"> <button class="post-button" type="submit">Enviar Formulário</button> </div> </form>   <textarea style="display: none;" id="fa-generated-message">[center][b]Apresentação de membros![/b][/center] [b]Meu nick:[/b] {{campo1}} [b]Meus nicks antigos:[/b] {{campo2}} [b]Meu level:[/b] [{{campo12}}] [b]Meu perfil no fórum da NWD:[/b] {{campo3}} [b]Já fui membro dos clãs:[/b] {{campo4}} [b]Modalidade que quero fazer teste: {{campo5}} [b]Eu li e estou ciente das regras para pedir recrutamento?:[/b] {{campo8}} [b]Por que quero entrar para [FHA]:[/b] {{campo10}}</textarea> <input type="hidden" id="fa-generated-title" value="Apresentação de {{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>

por Choppie 13.04.19 11:02

Resolvido, pode fehcar!

Obrigado.

por RafaelS. 13.04.19 11:13

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.

Edição do código gerado pelo formulário