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

Personalização de formulário de postagem

4 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 Personalização de formulário de postagem

Mensagem por Martim286 25.11.20 19:14

Detalhes da questão


Endereço do fórum: https://pepb.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá Convidado,

Eu criei um formulário pelo gerador de formulários Link do formulário

Mas eu queria que o meu formulário ficasse com esses tópicos mas mais bonito ficando parecido a isto: Link do que quero!

Toda a ajuda possivel eu agradeceria Rosa

Atenciosamente, Martim286 Party


Última edição por Martim286 em 25.11.20 20:12, editado 1 vez(es)
Martim286

Martim286
***

Membro desde : 21/08/2020
Mensagens : 103
Pontos : 155

https://policiaepb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Don Corleone 25.11.20 19:39

O link do seu formulário está errado, ajuste-o.
Don Corleone

Don Corleone
Super Membro

Membro desde : 06/08/2012
Mensagens : 1259
Pontos : 2032

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Martim286 25.11.20 20:12

Está ajustado
Martim286

Martim286
***

Membro desde : 21/08/2020
Mensagens : 103
Pontos : 155

https://policiaepb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Roevs 26.11.20 10:56

Olá,

Disponibilize o código do seu formulário para serem feita as alterações

Título alterado para "Personalização de formulário de postagem".

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Martim286 26.11.20 18:19

Código:
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
               <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
            <script src="https://ajuda.forumeiros.com/29110.js"></script>
                <script src="https://ajuda.forumeiros.com/28074.js"></script>
                <head>
                  <link rel="shortcut icon" href="https://i.servimg.com/u/f51/20/25/55/51/t8kcrw12.png" />
  <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>Policia EPB - Promoções</title>
    </head>

<style>
*,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
 
    html,
    body {
      height: 100%;
    }
 
    body {
      font-size: 17px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: normal;
      line-height: 1.5;
      color: #212121;
      line-height: 1.5;
      background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
    }
 
    /**
    * Begin tipografia.
    */
 
    a,
    a:active,
    a:link,
    a:visited,
    a:focus {
      color: #000000;
      text-decoration: none;
      border-bottom: solid 1px transparent;
      outline: 0;
    }
 
    a:hover {
      border-bottom-color: #ebebeb;
    }
 
    a.fa:hover {
      border-bottom-color: transparent;
      color: #1f6db0;
    }
 
    h3 {
      font-size: 20px;
      font-weight: 300;
      margin-bottom: 10px;
      display: block;
      width: 100%;
      padding-bottom: 3px;
      border-bottom: 2px solid #375e7f;
    }
 
    textarea {
      height: 90px;
      box-sizing: border-box;
      resize: vertical;
      outline: none;
    }
 
    .btn {
      border: solid 1px #e4e4e4;
      background: linear-gradient(180deg, #fff 0%, #efefef 100%);
      padding: .575rem 1.1rem;
      border-radius: .175rem;
      font-weight: 600;
      color: #686a6b;
      cursor: pointer;
      display: block;
      text-align: center;
      margin-bottom: 5px;
      width: 100%;
    }
 
    .btn:focus {
      border-color: #375e7f;
      box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
      outline: none;
    }
 
    .btn:hover {
      box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
    }
 
    .btn.btn-primary {
      border-radius: 3px;
      box-shadow: none;
      color: #fff;
      background: #52f0e5;
      font-size: 14px;
      transition: linear all 125ms;
      margin-top: 62%;
    }
 
    .btn.btn-primary:focus {
      border-color: #375e7f;
      box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
      outline: none;
    }
 
    .btn.btn-primary:hover {
      background: #444;
    }
 
    .btn.btn-danger {
      color: #fff;
      border-color: #bd2c00;
      background: #e7592e;
      background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
    }
 
    .btn.btn-danger:focus {
      border-color: #aa2c05;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
      outline: none;
    }
 
    .btn-progress {
      cursor: not-allowed;
      opacity: .657;
    }
 
    .form-control {
      background-color: #fff;
      border: 1px solid #d4d4d4;
      padding: 6px 8px;
      margin: 5px 0 0;
      display: block;
      width: 100%;
      font-size: 16px;
      color: #555;
      line-height: 20px;
      border-radius: 3px;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
      outline: none;
    }
 
    .form-control:focus {
      border-color: #4b6b35;
      box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
      outline: none;
    }
 
    input[type="text"]:disabled {
      background: #dddddd;
      cursor: not-allowed;
    }
 
    .card {
      background-color: #E54732;
      padding: 5px;
      font-size: 10px;
      color: #fff;
      font-weight: 800;
      border-radius: 5px;
      float: left;
      margin-right: 5px;
    }
 
 
    /*
    * End tipografia.
    **/
 
    .wrapper {
      width: 50%;
      position: absolute;
      top: 5%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }
 
    .wrapper hgroup {
      text-align: center;
    }
 
    .wrapper hgroup i.fa {
      font-size: 4em;
    }
 
    .wrapper hgroup h1 {
      font-weight: 300;
      margin: 10px 0;
      padding: 0;
      color: #545454;
    }
 
    .wrapper form {
      border: solid 1px #d4d4d4;
      margin: 0 0 25px;
      padding: 20px;
      color: #555;
      border-radius: 4px;
      background-color: #fff;
    }
 
    .wrapper form .form-group label {
      display: table;
    }
 
    .wrapper form .form-group .form-group-col {
      float: left;
      margin-right: 2%;
      margin-top: 2%;
    }
 
    .form-group .form-group-col:first-child {
      margin-left: 3%;
    }
 
    .wrapper footer {
      border: solid 1px #d6d6d6;
      border-radius: 3px;
      padding: 13px;
      text-align: center;
      font-size: 16px;
      color: #555;
      margin-bottom: 2%;
    }
 
    .col-94 {
      width: 94%;
    }
 
    .col-30 {
      width: 30%;
    }
 
    /**
    * FOR JS Styles:
    */
 
    #login-form,
    footer {
      box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
    }
 
    .title h2 {
      font-weight: 300;
      margin-bottom: 5px;
      text-align: center;
    }
    .title h4 {
      font-weight: 300;
      margin-bottom: 15px;
      text-align: center;
    }
 
    @media screen and (max-width: 900px) {
      .wrapper {
        width: 40%;
      }
    }
 
    @media screen and (max-width: 600px) {
      .wrapper {
        width: 70%;
      }
    }
 
    @media screen and (max-width: 500px) {
      .wrapper {
        width: 80%;
      }
    }
 
    @media screen and (max-width: 400px) {
      .wrapper {
        width: 90%;
      }
    }
  </style>
          


 <form onsubmit="submit_form();" action="/post" id="generated_form" method="post" enctype="multipart/form-data">

 <input type="hidden" name="form_mode" value="1">

<h1 data-type="field">Policia EPB - Promoções</h1>

<h3 data-type="field">Dados do Promotor</h3>

<dl><dt>Nick:</dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field2" required="required"></dd>
                        </dl>

<dl>
                            <dt>Seu cargo:</dt>
                            <dd><select data-type="field" id="field3"><option value="Soldado">Soldado</option><option value="
Cabo/Sócio">
Cabo/Sócio</option><option value="
Sargento/Inspetor">
Sargento/Inspetor</option><option value="
Cadete/Organizador">
Cadete/Organizador</option><option value="
Aspirante à Oficial/Supervisor">
Aspirante à Oficial/Supervisor</option><option value="
Oficial/Coordenador">
Oficial/Coordenador</option><option value="
Tenente/Ministro">
Tenente/Ministro</option><option value="
Capitão/Delegado">
Capitão/Delegado</option><option value="
Major/Escrivão">
Major/Escrivão</option><option value="
General/Procurador">
General/Procurador</option><option value="
Marechal/Embaixador">
Marechal/Embaixador</option><option value="
Sub-Coordenador/Chanceler">
Sub-Coordenador/Chanceler</option><option value="
Coordenador/Acionista">
Coordenador/Acionista</option><option value="
Diretor">
Diretor</option><option value="
Supremo">
Supremo</option><option value="
Regente">
Regente</option><option value="
Sub-Fundador">
Sub-Fundador</option><option value="
Fundador">
Fundador</option></select></dd>
                        </dl>

<h3 data-type="field">Dados do Promovido</h3>

<dl><dt>Data:</dt>
                            <dd><input type="date" data-type="field" id="field5"></dd>
                        </dl>

<dl><dt>Nick do promovido:</dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field6" required="required"></dd>
                        </dl>

<dl>
                            <dt>Cargo antigo:</dt>
                            <dd><select data-type="field" id="field7"><option value="Soldado">Soldado</option><option value="
Cabo/Sócio">
Cabo/Sócio</option><option value="
Sargento/Inspetor">
Sargento/Inspetor</option><option value="
Cadete/Organizador">
Cadete/Organizador</option><option value="
Aspirante à Oficial/Supervisor">
Aspirante à Oficial/Supervisor</option><option value="
Oficial/Coordenador">
Oficial/Coordenador</option><option value="
Tenente/Ministro">
Tenente/Ministro</option><option value="
Capitão/Delegado">
Capitão/Delegado</option><option value="
Major/Escrivão">
Major/Escrivão</option><option value="
General/Procurador">
General/Procurador</option><option value="
Marechal/Embaixador">
Marechal/Embaixador</option><option value="
Sub-Coordenador/Chanceler">
Sub-Coordenador/Chanceler</option><option value="
Coordenador/Acionista">
Coordenador/Acionista</option><option value="
Diretor">
Diretor</option><option value="
Supremo">
Supremo</option><option value="
Regente">
Regente</option></select></dd>
                        </dl>

<dl>
                            <dt>Cargo novo:</dt>
                            <dd><select data-type="field" id="field8"><option value="Soldado">Soldado</option><option value="
Cabo/Sócio">
Cabo/Sócio</option><option value="
Sargento/Inspetor">
Sargento/Inspetor</option><option value="
Cadete/Organizador">
Cadete/Organizador</option><option value="
Aspirante à Oficial/Supervisor">
Aspirante à Oficial/Supervisor</option><option value="
Oficial/Coordenador">
Oficial/Coordenador</option><option value="
Tenente/Ministro">
Tenente/Ministro</option><option value="
Capitão/Delegado">
Capitão/Delegado</option><option value="
Major/Escrivão">
Major/Escrivão</option><option value="
General/Procurador">
General/Procurador</option><option value="
Marechal/Embaixador">
Marechal/Embaixador</option><option value="
Sub-Coordenador/Chanceler">
Sub-Coordenador/Chanceler</option><option value="
Coordenador/Acionista">
Coordenador/Acionista</option><option value="
Diretor">
Diretor</option><option value="
Supremo">
Supremo</option><option value="
Regente">
Regente</option></select></dd>
                        </dl>

<dl>
                            <dt>Motivos:</dt>
                            <dd><textarea data-type="field" id="field9"></textarea></dd>
                        </dl>

<dl><dt>Permissão(Opcional):</dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field10"></dd>
                        </dl>


         <textarea id="message-template-bbcode-1" style="display:none">[b]Seu cargo e nicK:[/b]{field3} {field2}
[b]Data:[/b]{field5}
[b]Nick do promovido:[/b]{field6}
[b]Cargo antigo:[/b]{field7}
[b]Cargo novo:[/b]{field8}
[b]Motivos:[/b]{field9}
[b]Permissão:[/b]{field10}
[b]Código de Confirmação:[/b]{field7} {field6} - {field5}</textarea>
            <input type="hidden" name="attach_sig" value="">
            <input type="hidden" name="mode" value="reply">
            <input type="hidden" name="t" value="9">
            <input type="hidden" name="lt" value="146">
            <input type="hidden" name="notify" value="1">
            <input type="submit" name="post" class="button2" value="Enviar">
         
                <textarea name="message" style="display:none"></textarea>
           

</form>

Tem aqui!

Atenciosamente, Martim286 Party
Martim286

Martim286
***

Membro desde : 21/08/2020
Mensagens : 103
Pontos : 155

https://policiaepb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Martim286 28.11.20 0:38

Up Up
Martim286

Martim286
***

Membro desde : 21/08/2020
Mensagens : 103
Pontos : 155

https://policiaepb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Martim286 29.11.20 1:05

Up Up
Martim286

Martim286
***

Membro desde : 21/08/2020
Mensagens : 103
Pontos : 155

https://policiaepb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Martim286 30.11.20 11:03

Up Up
Martim286

Martim286
***

Membro desde : 21/08/2020
Mensagens : 103
Pontos : 155

https://policiaepb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por vcapelli 30.11.20 11:57

Vê se está tudo certo 😊

Código:

<!DOCTYPE html>
<html>
<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" />
<link rel="shortcut icon" type="image/x-icon" href="https://pepb.forumeiros.com/images/icons-57.png" />
<title>POLÍCIA EPB - Promoções</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
<style type="text/css">
    *,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-size: 17px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: normal;
      line-height: 1.5;
      color: #212121;
      line-height: 1.5;
      background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
    }

    /**
    * Begin tipografia.
    */

    a,
    a:active,
    a:link,
    a:visited,
    a:focus {
      color: #2688dc;
      text-decoration: none;
      border-bottom: solid 1px transparent;
      outline: 0;
    }

    a:hover {
      border-bottom-color: #2688dc;
    }

    a.fa:hover {
      border-bottom-color: transparent;
      color: #1f6db0;
    }
   
    h3 {
      font-size: 20px;
      font-weight: 300;
      margin-bottom: 10px;
      display: block;
      width: 100%;
      padding-bottom: 3px;
      border-bottom: 2px solid #375e7f;
    }
   
    textarea {
      height: 90px;
      box-sizing: border-box;
      resize: vertical;
      outline: none;
    }

    .btn {
      border: solid 1px #e4e4e4;
      background: linear-gradient(180deg, #fff 0%, #efefef 100%);
      padding: .575rem 1.1rem;
      border-radius: .175rem;
      font-weight: 600;
      color: #686a6b;
      cursor: pointer;
      display: block;
      text-align: center;
      margin-bottom: 5px;
      width: 95%;
    }

    .btn:focus {
      border-color: #375e7f;
      box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
      outline: none;
    }

    .btn:hover {
      box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
    }

    .btn.btn-primary {
      border-radius: 3px;
      box-shadow: none;
      color: #fff;
      background: #375e7f;
      font-size: 14px;
      transition: linear all 125ms;
    }

    .btn.btn-primary:focus {
      border-color: #375e7f;
      box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
      outline: none;
    }

    .btn.btn-primary:hover {
      background: #444;
    }

    .btn.btn-danger {
      color: #fff;
      border-color: #bd2c00;
      background: #e7592e;
      background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
    }

    .btn.btn-danger:focus {
      border-color: #aa2c05;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
      outline: none;
    }

    .btn-progress {
      cursor: not-allowed;
      opacity: .657;
    }

    .form-control, .select2-container--default .select2-selection--single {
      background-color: #fff;
      border: 1px solid #d4d4d4;
      padding: 6px 8px;
      margin: 5px 0 0;
      display: block;
      width: 100%;
      font-size: 16px;
      color: #555;
      line-height: 20px;
      border-radius: 3px;
      box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
      outline: none;
      height: auto;
    }
   
    .select2-container--default .select2-selection--single { padding: 2px 8px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { top: 20%; }

    .form-control:focus {
      border-color: #4b6b35;
      box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
      outline: none;
    }
   
    input[type="text"]:disabled {
      background: #dddddd;
      cursor: not-allowed;
    }
   
    .card {
      background-color: #E54732;
      padding: 5px;
      font-size: 10px;
      color: #fff;
      font-weight: 800;
      border-radius: 5px;
      float: left;
      margin-right: 5px;
    }


    /*
    * End tipografia.
    **/

    .wrapper {
      width: 50%;
      position: absolute;
      top: 5%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    .wrapper hgroup {
      text-align: center;
    }

    .wrapper hgroup i.fa {
      font-size: 4em;
    }

    .wrapper hgroup h1 {
      font-weight: 300;
      margin: 10px 0;
      padding: 0;
      color: #545454;
    }

    .wrapper form {
      border: solid 1px #d4d4d4;
      margin: 0 0 25px;
      padding: 20px;
      color: #555;
      border-radius: 4px;
      background-color: #fff;
    }

    .wrapper form .form-group label {
      display: table;
    }

    .wrapper form .form-group .form-group-col {
      float: left;
      margin-right: 2%;
      margin-top: 2%;
    }
   
    .form-group .form-group-col:first-child {
      margin-left: 3%;
    }

    .wrapper footer {
      border: solid 1px #d6d6d6;
      border-radius: 3px;
      padding: 13px;
      text-align: center;
      font-size: 16px;
      color: #555;
      margin-bottom: 2%;
    }
   
    .col-94 {
      width: 94%;
    }
   
    .col-46 {
      width: 46%;
    }
   
    .col-30 {
      width: 30%;
    }

    /**
    * FOR JS Styles:
    */

    #login-form,
    footer {
      box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
    }

    .title h2 {
      font-weight: 300;
      margin-bottom: 5px;
      text-align: center;
    }
    .title h4 {
      font-weight: 300;
      margin-bottom: 15px;
      text-align: center;
    }

    @media screen and (max-width: 900px) {
      .wrapper {
        width: 40%;
      }
    }

    @media screen and (max-width: 600px) {
      .wrapper {
        width: 70%;
      }
    }

    @media screen and (max-width: 500px) {
      .wrapper {
        width: 80%;
      }
    }

    @media screen and (max-width: 400px) {
      .wrapper {
        width: 90%;
      }
    }
  </style>
  </head>
<body class="bg-dark" style="
  background: url('https://i.servimg.com/u/f24/20/11/16/11/estrel10.png') center center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;">
 
  <main class="wrapper">
    <form id="form-content">
      <a href="" title="Voltar ao tópico" class="goBack"><i class="fas fa-arrow-left" aria-hidden="true"></i></a>
      <div class="title">
        <h2><b>Formulário de Promoções</b></h2>
        <center><img src="https://pepb.forumeiros.com/images/icons-57.png" alt="some text" /></center>
      </div>
      <h3>Dados do Responsável</h3>
        <div class="form-group" style="margin-bottom: 15%;">
        <div class="form-group-col col-46">
          <label for="cpromotor">Cargo:</label>
         <select type="text" name="cpromotor" id="cpromotor" class="form-control js-example-basic-single" required="">
             <option value="Tenente">Tenente</option>
                <option value="Capitão">Capitão</option>
                <option value="Coronel">Coronel</option>
                <option value="General">General</option>
                <option value="Marechal">Marechal</option>
                <option value="Subcomandante">Subcomandante</option>
                <option value="Comandante">Comandante</option>
                <option value="Diretor">Diretor</option>
                <option value="Supremo">Supremo</option>
                <option value="Regente">Regente</option>
                <option value="Fundador">Fundador</option>
                <option value="Supervisor">Supervisor</option>
                <option value="Ministro">Ministro</option>
                <option value="Comissário">Comissário</option>
                <option value="Embaixador">Embaixador</option>
                <option value="Procurador">Procurador</option>
                <option value="Acionista">Acionista</option>
                <option value="Chanceler">Chanceler</option>
         </select> 
        </div>
        <div class="form-group-col col-46">
          <label for="npromotor">Nickname:</label>
          <input type="text" id="npromotor" class="form-control" placeholder="Nome da pessoa que promoveu." required="" />
        </div>
      </div>
      <h3>Dados da Promoção</h3>
      <div class="form-group">
        <div class="form-group-col col-30" style="margin-right: 100%;">
          <label for="datapromo">Data:</label>
          <input type="text" id="datapromo" class="form-control" disabled/>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-30">
          <label for="cargoantigo">Patente Antiga:</label>
          <select type="text" name="cargoantigo" id="cargoantigo" class="form-control js-example-basic-single" required="">
            <option value="Soldado">Soldado</option>
            <option value="Cabo">Cabo</option>
            <option value="Sargento">Sargento</option>
            <option value="Cadete">Cadete</option>
            <option value="Suboficial">SubOficial</option>
            <option value="Oficial">Oficial</option>
            <option value="Tenente">Tenente</option>
            <option value="Capitão">Capitão</option>
            <option value="Coronel">Coronel</option>
            <option value="General">General</option>
            <option value="Marechal">Marechal</option>
            <option value="Subcomandante">Subcomandante</option>
            <option value="Comandante">Comandante</option>
       <option value="Sócio">Sócio</option>
       <option value="Inspetor">Inspetor</option>
       <option value="Organizador">Organizador</option>
       <option value="Coordenador">Coordenador</option>
       <option value="Supervisor">Supervisor</option>
       <option value="Ministro">Ministro</option>
       <option value="Comissário">Comissário</option>
       <option value="Embaixador">Embaixador</option>
       <option value="Procurador">Procurador</option>
       <option value="Acionista">Acionista</option>
            <option value="Chanceler">Chanceler</option>
          </select>
        </div>
        <div class="form-group-col col-30">
          <label for="npromovido">Nickname do Policial:</label>
          <input type="text" id="npromovido" class="form-control" placeholder="Nome do policial promovido." required="" />
        </div>
        <div class="form-group-col col-30">
          <label for="cargoatual">Nova Patente:</label>
          <select type="text" name="cargoatual" id="cargoatual" class="form-control js-example-basic-single" required="">
            <option value="Cabo">Cabo</option>
            <option value="Sargento">Sargento</option>
            <option value="Cadete">Cadete</option>
            <option value="Suboficial">Suboficial</option>
            <option value="Oficial">Oficial</option>
            <option value="Tenente">Tenente</option>
            <option value="Capitão">Capitão</option>
            <option value="Coronel">Coronel</option>
            <option value="General">General</option>
            <option value="Marechal">Marechal</option>
            <option value="Subcomandante">Subcomandante</option>
            <option value="Comandante">Comandante</option>
            <option value="Sócio">Sócio</option>
            <option value="Inspetor">Inspetor</option>
            <option value="Organizador">Organizador</option>
            <option value="Coordenador">Coordenador</option>
            <option value="Supervisor">Supervisor</option>
            <option value="Ministro">Ministro</option>
            <option value="Comissário">Comissário</option>
            <option value="Embaixador">Embaixador</option>
            <option value="Procurador">Procurador</option>
            <option value="Acionista">Acionista</option>
            <option value="Chanceler">Chanceler</option>
          </select>
        </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <label for="motivos">Motivos da Promoção:</label>
          <textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos para ter promovido o policial." required=""></textarea>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-46" style="width:94.5%">
          <span class="card">OPCIONAL</span><label for="permissao">Permissão:</label>
          <input type="text" id="permissao" class="form-control" placeholder="Ex: Fundador Martim286" />
        </div>
      </div>
      <br/>
  <div class="form-group">
  <div class="form-group-col col-94">
  <input type="checkbox" name="termos" value="X" required> Concordo com as Leis do Código de Penalidades da Polícia EPB!
</div>
</div>
  <br/>
    <center><button type="submit" class="btn btn-primary">Enviar Resposta!</button></center>
      <br>
        <div style="font-size:11px"><i class="far fa-copyright"></i> Todos os direitos reservados à Polícia DOP</div>
  </form>
          </main>
     
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    var month = ["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"];
   
    function formatDate(instance) {   
        var day = (!! instance.getDate().toString()[1]) ? instance.getDate() : '0' + instance.getDate();
        var month_index = instance.getMonth();
        var year = instance.getFullYear();
       
        var date = [ day, month[month_index], year ].join(" ");
       return date;
    };
   
    var curDate = new Date();
    $('#datapromo').val(formatDate(curDate));
  </script>
  <script type="text/javascript">
    (function ($) {
      'use strict';
   
      var topic = '9';

      $(function () {
 
         $('.js-example-basic-single').select2();
          $('.goBack').attr('href','/t' + topic + '-?view=newest');
   
          $('#form-content').on('submit', function (event) {

            var data = {
              npromotor: $('#npromotor').val(),
              cpromotor: $('#cpromotor').val(),
              cargoantigo: $('#cargoantigo').val(),
              cargoatual: $('#cargoatual').val(),
              npromovido: $('#npromovido').val(),
              datapromo: $('#datapromo').val(),
              motivos: $('#motivos').val(),
              permissao: '',
              termos: 'X',
            };

            if ($('#permissao').val() === '') {
              data.permissao = 'Permissão desnecessária...';
            } else {
              data.permissao = $('#permissao').val();
            }
           
            event.preventDefault();
            setTimeout(function () {
                  $.post('/post', {
                      t: topic,
                      message: [
                '[b]Data:[/b] ' + data.datapromo,
                      '[b]Nick do promovido:[/b] ' + data.npromovido,
                      '[b]Cargo antigo:[/b] ' + data.cargoantigo,
                '[b]Cargo novo:[/b] ' + data.cargoatual,
                      '[b]Motivo:[/b] ' + data.motivos,
                      '[b]Permissão:[/b] ' + data.permissao,
                '[b]Código de Confirmação:[/b] ' + data.cargoatual + ' ' + data.npromovido + ' - ' + data.datapromo,
                      '',
                      '(' + data.termos + ') Concordo com as Leis do Código de Penalidades da Polícia EPB!',
                      ].join('\n'),
                      mode: 'reply',
                      tid: $('[name="tid"]:first').val(),
                      post: 1,
                      attach_sig: 'on'
                  }).done(function () {
                      alert('Postado com sucesso. Você será redirecionado para o tópico...');
                      location.href = 'http://' + location.host + '/t' + topic +'-?view=newest';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>
vcapelli

vcapelli
****

Membro desde : 17/02/2018
Mensagens : 210
Pontos : 417

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Martim286 30.11.20 12:15

Ficou perfeito!

Muito obrigado pela sua ajuda, se eu quiser aplicar esta personalização como faço?

Aguardo resposta!

Atenciosamente, Martim286 Party

Edit: O formulário não esta postando no local indicado: https://pepb.forumeiros.com/t9-formulario-promocoes#9
Martim286

Martim286
***

Membro desde : 21/08/2020
Mensagens : 103
Pontos : 155

https://policiaepb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Martim286 01.12.20 16:20

Up Up
Martim286

Martim286
***

Membro desde : 21/08/2020
Mensagens : 103
Pontos : 155

https://policiaepb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Roevs 02.12.20 11:35

Olá,

Aceda:
Painel de Controle :seta2: Geral :seta2: Fórum :seta2: Segurança

Procure por "Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas", marque "Não" e salve, veja se resolve o problema de postagem

Até mais!
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Martim286 02.12.20 14:42

Muito obrigado pela ajuda de todos senhores! Muito feliz

Podem encerrar o pedido e desculpem se ocupei vosso tempo.

Atenciosamente, Martim286 Party
Martim286

Martim286
***

Membro desde : 21/08/2020
Mensagens : 103
Pontos : 155

https://policiaepb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de formulário de postagem

Mensagem por Roevs 02.12.20 14:48

Tópico resolvido


Movido para "Questões resolvidas".
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.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

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