Novo tópico com icone de mensagem

2 participantes

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

Tópico resolvido Novo tópico com icone de mensagem

Mensagem por JR_Junior 09.10.17 23:13

Detalhes da questão


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

Descrição


Olá!
Eu gostaria que meu formulário, ao criar o tópico, já selecionasse um Ícone de Mensagem que eu definir!

Código do formulário:
Código:

<!DOCTYPE html>
    <html>
    <!-- ->
    /*
    * Gerado em <ajuda.forumeiros.com>.
    * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
    */
    <- -->
    <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>Revisão de Banimento</title>

      <style type="text/css">
      #logo > img {
        max-width: 100%;
      }
        *,
        *::before,
        *::after {
          padding: 0px;
          margin: 0px;
          box-sizing: border-box;
       
        }

        /*html,
        body {
          height: 100%;
        }

        body {
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          font-size: 14px;
          line-height: 1.5;
          color: #24292e;
          background-color: #fff;
        }*/

        #fa-generated-form {
          width: 60%;
          margin: 0 auto;
          background-color: #fff;
          border: solid 1px #ddd;
          border-radius: 0 0 3px 3px;
        }

        .fa-form-wrapper {
          width: 100%;
        }

        .fa-form-group {
          display: block;
          width: 100%;
          padding: 0px 20px;
        }
     
        .fa-form-group *:last-child {
          margin-bottom: 7px;
        }
     
        .fa-form-group h4 {
          font-size: 23px;
        /*color: #3072ab;*/
        color: #666666;
        }
     
        .fa-form-group p {
          font-size: 16.4px;
        /*border-left: solid 3px #ddd;*/
          margin-left: -20px;
          padding-left: 17px;
          padding-top: 2px;
          padding-bottom: 2px;
        }
     
        #fa-generated-form h1 {
          font-size: 30px;
          display: block;
          text-align: center;
          margin: 15px 0px;
          color: #ffffff;
          text-transform: uppercase;
        /*background-color: #3072ab;*/
        background-color: #666666;
          margin-top: 0px;
          font-weight: normal;
        }

        .fa-form-group label {
          display: block;
          font-size: 16px;
          margin-bottom: 5px;
        }

        .fa-form-group input,
        .fa-form-group textarea,
        .fa-form-group select {
          display: block;
          resize: none;
          width: 100%;
          padding: .5rem .75rem;
          font-size: 1rem;
          line-height: 1.25;
          color: #464a4c;
          background-color: #fff;
          background-image: none;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          border: 1px solid rgba(0,0,0,.15);
          border-radius: .25rem;
          -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
          -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        }

        .fa-form-group input:focus,
        .fa-form-group textarea:focus,
        .fa-form-group select:focus {
          color: #464a4c;
          background-color: #fff;
          border-color: #5cb3fd;
          outline: 0;
        }

        .fa-form-group select[multiple] {
          padding-right: 0px;
        }

        .fa-submit {
          display: block;
          width: 100%;
          padding: 20px;
          text-align: center;
        }

        .fa-submit button {
          padding: 10px 20px;
        /*background-color: #3072ab;*/
          background-color: #666666;
          color: #fff;
          font-size: 14px;
          border: none;
          border-radius: 3px;
        }

        .fa-submit button:hover {
        /*background-color: #2a6192;*/
        background-color: #a19f9f;
        }

        [class*="conteneur"] form#fa-generated-form {
          border-top: solid 1px #ddd;
          margin-top: 20px;
          border-radius: 3px!important;
        }

        @media (max-width: 700px) {
          #fa-generated-form {
          width: 100%;
          border: none;
          }
        }
      </style>
    </head>
    <body>

      <form id="fa-generated-form">
        <div class="fa-form-wrapper">
          <h1>Revisão de Banimento</h1>
          <!-- BEGIN Generated HTML Code -->
          <div class="fa-form-group clearfix">
            <h4 class="form-subtitle data-text"><center>FORMULÁRIO DE POSTAGEM</center></h4>



    </div>
    <div class="fa-form-group clearfix" style="-webkit-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -moz-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -ms-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -o-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); box-shadow: inset 0 0 30px -9px rgb(0, 0, 0);">
      <p class="form-paragraph data-text"><center><b><span style="color: #cc0000; font-size: small;">Preencha os campos adequadamente, do contrário,</span><br />
    <span style="color: #cc0000; font-size: small;">seu pedido será rejeitado e você poderá ser punido(a)!</span></b></center></p>

    </div><div class="fa-form-group clearfix">
          <br>
            <label for="campo2"><b>Administrador que Baniu:</b></label>
      <input data-type="text" id="campo2" placeholder="" required="" type="text" maxlength="20">



    </div>

    <div class="fa-form-group clearfix">
      <label for="campo6"><b>Motivo do Banimento:</b></label>
      <select data-type="select" id="campo6" required="">
    <!-- First -->
    <option value="Cheats / Hacks / Mods">Cheats / Hacks / Mods</option>
    <option value="Divulgação">Divulgação</option>
    <option value="3/3 Avisos">3/3 Avisos</option>
    <option value="Ofensa">Ofensa</option>
    <option value="Anti-RPG">Anti-RPG</option>
    <option value="Desconhecido">Desconhecido</option>
    </select>



    </div><div class="fa-form-group clearfix">
            <label for="campo4"><b>Seu nome no servidor:</b></label>
      <input data-type="text" id="campo4" placeholder="" required="" type="text" maxlength="20">



    </div>
    <div class="fa-form-group clearfix">
      <label for="campo5"><b>Relate o ocorrido e justifique-se:</b></label>
      <textarea data-type="textarea" id="campo5" placeholder="" required="" maxlength="500"></textarea>



    </div>

    <div class="fa-form-group clearfix">
      <label for="campo7"><b>Vídeos ou Screenshots do ocorrido</b>:</label>
      <textarea data-type="textarea" id="campo7" placeholder="" maxlength="500">Sem imagens ou vídeos.</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">[center][b]Administrador que Baniu[/b]
    {{campo2}}

    [b]Motivo do Banimento[/b]
    {{campo6}}

    [b]Conta Banida[/b]
    {{campo4}}

    [b]Relatório do ocorrido e justificação[/b]
    {{campo5}}
     
    [b]Vídeos ou Screenshots[/b]
    {{campo7}}[/center]</textarea>
      <input type="hidden" id="fa-generated-title" value="Revisão de Ban - {{campo4}} | Motivo: {{campo6}}" />

      <script>if(jQuery('a.mainmenu[href="/login"]').length){location.href='/login?redirect=/h1-revisao-de-banimento'}</script>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
      <script>
      /*
      * @author Luiz~
      */
      (function($) {
        'use strict';
   
        $(function() {
          var $textarea = $('#fa-generated-message');
          var $title = $('#fa-generated-title');
          var $form = $('#fa-generated-form');
   
          $form.on('submit', function(event) {
         
            if ($textarea.length === 0) {
              event.preventDefault();
              alert('Tente novamente!');
              return false;
            }
   
            $textarea.val($textarea.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
              return $('#campo' + match).val();
            }));
   
            if ($title.length === 0) {
              return;
            }
         
            $title.val($title.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
              return $('#campo' + match).val();
            }));
          });
        });
      }(jQuery));
      </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('Enviando...');
            setTimeout(function () {
                  $.post('/post', {
                      subject: $('#fa-generated-title').val().trim(),
                      f: 4,
                      message: $('#fa-generated-message').val().trim(),
                      mode: 'newtopic',
                      tid: $('[name="tid"]:first').val(),
                      post: 1,
                  }).done(function () {
        /*alert('Formulário enviado e postado com sucesso!\nVocê será redirecionado para o subfórum com o novo tópico...');*/
        alert('Formulário enviado e postado com sucesso! Obrigado!');
                      location.pathname = '/f4-';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
              });
          });
        }(jQuery));
      </script>
    </body>
    </html>
JR_Junior

JR_Junior
*

Membro desde : 10/05/2012
Mensagens : 46
Pontos : 74

http://darkstreet-server.livreforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Novo tópico com icone de mensagem

Mensagem por Luiz 09.10.17 23:22

Qual o ID do ícone? o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Novo tópico com icone de mensagem

Mensagem por JR_Junior 09.10.17 23:27

Luiz escreveu:Qual o ID do ícone? o/

Pode ser o id 1, depois eu altero.
JR_Junior

JR_Junior
*

Membro desde : 10/05/2012
Mensagens : 46
Pontos : 74

http://darkstreet-server.livreforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Novo tópico com icone de mensagem

Mensagem por Luiz 10.10.17 2:37

Aqui está:
Código:
<!DOCTYPE html>
<html>
    <!-- ->
    /*
    * Gerado em <ajuda.forumeiros.com>.
    * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
    */
    <- -->
    <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>Revisão de Banimento</title>

      <style type="text/css">
      #logo > img {
        max-width: 100%;
      }
        *,
        *::before,
        *::after {
          padding: 0px;
          margin: 0px;
          box-sizing: border-box;
       
        }

        /*html,
        body {
          height: 100%;
        }

        body {
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          font-size: 14px;
          line-height: 1.5;
          color: #24292e;
          background-color: #fff;
        }*/

        #fa-generated-form {
          width: 60%;
          margin: 0 auto;
          background-color: #fff;
          border: solid 1px #ddd;
          border-radius: 0 0 3px 3px;
        }

        .fa-form-wrapper {
          width: 100%;
        }

        .fa-form-group {
          display: block;
          width: 100%;
          padding: 0px 20px;
        }
     
        .fa-form-group *:last-child {
          margin-bottom: 7px;
        }
     
        .fa-form-group h4 {
          font-size: 23px;
        /*color: #3072ab;*/
        color: #666666;
        }
     
        .fa-form-group p {
          font-size: 16.4px;
        /*border-left: solid 3px #ddd;*/
          margin-left: -20px;
          padding-left: 17px;
          padding-top: 2px;
          padding-bottom: 2px;
        }
     
        #fa-generated-form h1 {
          font-size: 30px;
          display: block;
          text-align: center;
          margin: 15px 0px;
          color: #ffffff;
          text-transform: uppercase;
        /*background-color: #3072ab;*/
        background-color: #666666;
          margin-top: 0px;
          font-weight: normal;
        }

        .fa-form-group label {
          display: block;
          font-size: 16px;
          margin-bottom: 5px;
        }

        .fa-form-group input,
        .fa-form-group textarea,
        .fa-form-group select {
          display: block;
          resize: none;
          width: 100%;
          padding: .5rem .75rem;
          font-size: 1rem;
          line-height: 1.25;
          color: #464a4c;
          background-color: #fff;
          background-image: none;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          border: 1px solid rgba(0,0,0,.15);
          border-radius: .25rem;
          -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
          -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        }

        .fa-form-group input:focus,
        .fa-form-group textarea:focus,
        .fa-form-group select:focus {
          color: #464a4c;
          background-color: #fff;
          border-color: #5cb3fd;
          outline: 0;
        }

        .fa-form-group select[multiple] {
          padding-right: 0px;
        }

        .fa-submit {
          display: block;
          width: 100%;
          padding: 20px;
          text-align: center;
        }

        .fa-submit button {
          padding: 10px 20px;
        /*background-color: #3072ab;*/
          background-color: #666666;
          color: #fff;
          font-size: 14px;
          border: none;
          border-radius: 3px;
        }

        .fa-submit button:hover {
        /*background-color: #2a6192;*/
        background-color: #a19f9f;
        }

        [class*="conteneur"] form#fa-generated-form {
          border-top: solid 1px #ddd;
          margin-top: 20px;
          border-radius: 3px!important;
        }

        @media (max-width: 700px) {
          #fa-generated-form {
          width: 100%;
          border: none;
          }
        }
      </style>
    </head>
    <body>

      <form id="fa-generated-form">
        <div class="fa-form-wrapper">
          <h1>Revisão de Banimento</h1>
          <!-- BEGIN Generated HTML Code -->
          <div class="fa-form-group clearfix">
            <h4 class="form-subtitle data-text"><center>FORMULÁRIO DE POSTAGEM</center></h4>



    </div>
    <div class="fa-form-group clearfix" style="-webkit-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -moz-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -ms-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -o-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); box-shadow: inset 0 0 30px -9px rgb(0, 0, 0);">
      <p class="form-paragraph data-text"><center><b><span style="color: #cc0000; font-size: small;">Preencha os campos adequadamente, do contrário,</span><br />
    <span style="color: #cc0000; font-size: small;">seu pedido será rejeitado e você poderá ser punido(a)!</span></b></center></p>

    </div><div class="fa-form-group clearfix">
          <br>
            <label for="campo2"><b>Administrador que Baniu:</b></label>
      <input data-type="text" id="campo2" placeholder="" required="" type="text" maxlength="20">



    </div>

    <div class="fa-form-group clearfix">
      <label for="campo6"><b>Motivo do Banimento:</b></label>
      <select data-type="select" id="campo6" required="">
    <!-- First -->
    <option value="Cheats / Hacks / Mods">Cheats / Hacks / Mods</option>
    <option value="Divulgação">Divulgação</option>
    <option value="3/3 Avisos">3/3 Avisos</option>
    <option value="Ofensa">Ofensa</option>
    <option value="Anti-RPG">Anti-RPG</option>
    <option value="Desconhecido">Desconhecido</option>
    </select>



    </div><div class="fa-form-group clearfix">
            <label for="campo4"><b>Seu nome no servidor:</b></label>
      <input data-type="text" id="campo4" placeholder="" required="" type="text" maxlength="20">



    </div>
    <div class="fa-form-group clearfix">
      <label for="campo5"><b>Relate o ocorrido e justifique-se:</b></label>
      <textarea data-type="textarea" id="campo5" placeholder="" required="" maxlength="500"></textarea>



    </div>

    <div class="fa-form-group clearfix">
      <label for="campo7"><b>Vídeos ou Screenshots do ocorrido</b>:</label>
      <textarea data-type="textarea" id="campo7" placeholder="" maxlength="500">Sem imagens ou vídeos.</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">[center][b]Administrador que Baniu[/b]
    {{campo2}}

    [b]Motivo do Banimento[/b]
    {{campo6}}

    [b]Conta Banida[/b]
    {{campo4}}

    [b]Relatório do ocorrido e justificação[/b]
    {{campo5}}
     
    [b]Vídeos ou Screenshots[/b]
    {{campo7}}[/center]</textarea>
      <input type="hidden" id="fa-generated-title" value="Revisão de Ban - {{campo4}} | Motivo: {{campo6}}" />

      <script>if(jQuery('a.mainmenu[href="/login"]').length){location.href='/login?redirect=/h1-revisao-de-banimento'}</script>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
      <script>
      /*
      * @author Luiz~
      */
      (function($) {
        'use strict';
   
        $(function() {
          var $textarea = $('#fa-generated-message');
          var $title = $('#fa-generated-title');
          var $form = $('#fa-generated-form');
   
          $form.on('submit', function(event) {
         
            if ($textarea.length === 0) {
              event.preventDefault();
              alert('Tente novamente!');
              return false;
            }
   
            $textarea.val($textarea.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
              return $('#campo' + match).val();
            }));
   
            if ($title.length === 0) {
              return;
            }
         
            $title.val($title.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
              return $('#campo' + match).val();
            }));
          });
        });
      }(jQuery));
      </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('Enviando...');
            setTimeout(function () {
                  $.post('/post', {
                      subject: $('#fa-generated-title').val().trim(),
                      f: 4,
                      post_icon: 1,
                      message: $('#fa-generated-message').val().trim(),
                      mode: 'newtopic',
                      tid: $('[name="tid"]:first').val(),
                      post: 1,
                  }).done(function () {
        /*alert('Formulário enviado e postado com sucesso!\nVocê será redirecionado para o subfórum com o novo tópico...');*/
        alert('Formulário enviado e postado com sucesso! Obrigado!');
                      location.pathname = '/f4-';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
              });
          });
        }(jQuery));
      </script>
    </body>
    </html>

Basta filtrar por post_icon e alterar o ícone que segue a chave.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Novo tópico com icone de mensagem

Mensagem por JR_Junior 10.10.17 3:07

Luiz escreveu:Aqui está:
Código:
<!DOCTYPE html>
<html>
    <!-- ->
    /*
    * Gerado em <ajuda.forumeiros.com>.
    * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
    */
    <- -->
    <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>Revisão de Banimento</title>

      <style type="text/css">
      #logo > img {
        max-width: 100%;
      }
        *,
        *::before,
        *::after {
          padding: 0px;
          margin: 0px;
          box-sizing: border-box;
       
        }

        /*html,
        body {
          height: 100%;
        }

        body {
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          font-size: 14px;
          line-height: 1.5;
          color: #24292e;
          background-color: #fff;
        }*/

        #fa-generated-form {
          width: 60%;
          margin: 0 auto;
          background-color: #fff;
          border: solid 1px #ddd;
          border-radius: 0 0 3px 3px;
        }

        .fa-form-wrapper {
          width: 100%;
        }

        .fa-form-group {
          display: block;
          width: 100%;
          padding: 0px 20px;
        }
     
        .fa-form-group *:last-child {
          margin-bottom: 7px;
        }
     
        .fa-form-group h4 {
          font-size: 23px;
        /*color: #3072ab;*/
        color: #666666;
        }
     
        .fa-form-group p {
          font-size: 16.4px;
        /*border-left: solid 3px #ddd;*/
          margin-left: -20px;
          padding-left: 17px;
          padding-top: 2px;
          padding-bottom: 2px;
        }
     
        #fa-generated-form h1 {
          font-size: 30px;
          display: block;
          text-align: center;
          margin: 15px 0px;
          color: #ffffff;
          text-transform: uppercase;
        /*background-color: #3072ab;*/
        background-color: #666666;
          margin-top: 0px;
          font-weight: normal;
        }

        .fa-form-group label {
          display: block;
          font-size: 16px;
          margin-bottom: 5px;
        }

        .fa-form-group input,
        .fa-form-group textarea,
        .fa-form-group select {
          display: block;
          resize: none;
          width: 100%;
          padding: .5rem .75rem;
          font-size: 1rem;
          line-height: 1.25;
          color: #464a4c;
          background-color: #fff;
          background-image: none;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          border: 1px solid rgba(0,0,0,.15);
          border-radius: .25rem;
          -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
          -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        }

        .fa-form-group input:focus,
        .fa-form-group textarea:focus,
        .fa-form-group select:focus {
          color: #464a4c;
          background-color: #fff;
          border-color: #5cb3fd;
          outline: 0;
        }

        .fa-form-group select[multiple] {
          padding-right: 0px;
        }

        .fa-submit {
          display: block;
          width: 100%;
          padding: 20px;
          text-align: center;
        }

        .fa-submit button {
          padding: 10px 20px;
        /*background-color: #3072ab;*/
          background-color: #666666;
          color: #fff;
          font-size: 14px;
          border: none;
          border-radius: 3px;
        }

        .fa-submit button:hover {
        /*background-color: #2a6192;*/
        background-color: #a19f9f;
        }

        [class*="conteneur"] form#fa-generated-form {
          border-top: solid 1px #ddd;
          margin-top: 20px;
          border-radius: 3px!important;
        }

        @media (max-width: 700px) {
          #fa-generated-form {
          width: 100%;
          border: none;
          }
        }
      </style>
    </head>
    <body>

      <form id="fa-generated-form">
        <div class="fa-form-wrapper">
          <h1>Revisão de Banimento</h1>
          <!-- BEGIN Generated HTML Code -->
          <div class="fa-form-group clearfix">
            <h4 class="form-subtitle data-text"><center>FORMULÁRIO DE POSTAGEM</center></h4>



    </div>
    <div class="fa-form-group clearfix" style="-webkit-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -moz-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -ms-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -o-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); box-shadow: inset 0 0 30px -9px rgb(0, 0, 0);">
      <p class="form-paragraph data-text"><center><b><span style="color: #cc0000; font-size: small;">Preencha os campos adequadamente, do contrário,</span><br />
    <span style="color: #cc0000; font-size: small;">seu pedido será rejeitado e você poderá ser punido(a)!</span></b></center></p>

    </div><div class="fa-form-group clearfix">
          <br>
            <label for="campo2"><b>Administrador que Baniu:</b></label>
      <input data-type="text" id="campo2" placeholder="" required="" type="text" maxlength="20">



    </div>

    <div class="fa-form-group clearfix">
      <label for="campo6"><b>Motivo do Banimento:</b></label>
      <select data-type="select" id="campo6" required="">
    <!-- First -->
    <option value="Cheats / Hacks / Mods">Cheats / Hacks / Mods</option>
    <option value="Divulgação">Divulgação</option>
    <option value="3/3 Avisos">3/3 Avisos</option>
    <option value="Ofensa">Ofensa</option>
    <option value="Anti-RPG">Anti-RPG</option>
    <option value="Desconhecido">Desconhecido</option>
    </select>



    </div><div class="fa-form-group clearfix">
            <label for="campo4"><b>Seu nome no servidor:</b></label>
      <input data-type="text" id="campo4" placeholder="" required="" type="text" maxlength="20">



    </div>
    <div class="fa-form-group clearfix">
      <label for="campo5"><b>Relate o ocorrido e justifique-se:</b></label>
      <textarea data-type="textarea" id="campo5" placeholder="" required="" maxlength="500"></textarea>



    </div>

    <div class="fa-form-group clearfix">
      <label for="campo7"><b>Vídeos ou Screenshots do ocorrido</b>:</label>
      <textarea data-type="textarea" id="campo7" placeholder="" maxlength="500">Sem imagens ou vídeos.</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">[center][b]Administrador que Baniu[/b]
    {{campo2}}

    [b]Motivo do Banimento[/b]
    {{campo6}}

    [b]Conta Banida[/b]
    {{campo4}}

    [b]Relatório do ocorrido e justificação[/b]
    {{campo5}}
     
    [b]Vídeos ou Screenshots[/b]
    {{campo7}}[/center]</textarea>
      <input type="hidden" id="fa-generated-title" value="Revisão de Ban - {{campo4}} | Motivo: {{campo6}}" />

      <script>if(jQuery('a.mainmenu[href="/login"]').length){location.href='/login?redirect=/h1-revisao-de-banimento'}</script>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
      <script>
      /*
      * @author Luiz~
      */
      (function($) {
        'use strict';
   
        $(function() {
          var $textarea = $('#fa-generated-message');
          var $title = $('#fa-generated-title');
          var $form = $('#fa-generated-form');
   
          $form.on('submit', function(event) {
         
            if ($textarea.length === 0) {
              event.preventDefault();
              alert('Tente novamente!');
              return false;
            }
   
            $textarea.val($textarea.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
              return $('#campo' + match).val();
            }));
   
            if ($title.length === 0) {
              return;
            }
         
            $title.val($title.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
              return $('#campo' + match).val();
            }));
          });
        });
      }(jQuery));
      </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('Enviando...');
            setTimeout(function () {
                  $.post('/post', {
                      subject: $('#fa-generated-title').val().trim(),
                      f: 4,
                      post_icon: 1,
                      message: $('#fa-generated-message').val().trim(),
                      mode: 'newtopic',
                      tid: $('[name="tid"]:first').val(),
                      post: 1,
                  }).done(function () {
        /*alert('Formulário enviado e postado com sucesso!\nVocê será redirecionado para o subfórum com o novo tópico...');*/
        alert('Formulário enviado e postado com sucesso! Obrigado!');
                      location.pathname = '/f4-';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
              });
          });
        }(jQuery));
      </script>
    </body>
    </html>

Basta filtrar por post_icon e alterar o ícone que segue a chave.

o/

Sem palavras... OK OK OK
JR_Junior

JR_Junior
*

Membro desde : 10/05/2012
Mensagens : 46
Pontos : 74

http://darkstreet-server.livreforum.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Novo tópico com icone de mensagem

Mensagem por Luiz 10.10.17 11:43

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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