Detalhes da questão

Descrição

Olá. o/

Okay, então vamos fazer o seguinte:
Vá em nosso gerador, crie os campos que quiser e anexe o código gerado aqui para que eu possa adaptá-lo para que seja possível enviar uma MP ao enviá-lo. ^-^

o/

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="http://ajuda.forumeiros.com/29110.js"></script>
                <script src="http://ajuda.forumeiros.com/28074.js"></script>
                <style>
            #generated_form .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }
 
#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}
 
#generated_form dl {
  margin-bottom: 10px;
  font-size: 1.1em;
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
 
#generated_form dt {
  width: 30%;
  padding-top: 5px;
  border: none;
  float: left;
}
 
#generated_form dd {
  padding: 5px;
  padding-right: 5px;
  margin-left: 30%;
  vertical-align: middle;
}
#generated_form dl:hover dt {
  color: #666;
}
 
#generated_form input {
  font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  padding: 2px;
  vertical-align: middle;
  padding-left: 4px;
}
 
#generated_form input[disabled] {
  background-color:#ddd;
  cursor:pointer;
}
 
#generated_form select {
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: default;
  vertical-align: middle;
  width:auto;
  max-width:100%;/* Bug IE */
  padding: 1px;
}
 
#generated_form textarea {
  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  width: 300px;
  height: 100px;
  padding: 2px;
  padding-left: 4px;
  cursor: text;
}
 
#generated_form input[type=text], #generated_form input[type=fields_list] {
  width: 300px;
  cursor: text;
}
</style>
         


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

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

<h1 data-type="field">Formulário de MP para Moderadores</h1>

<h3 data-type="field">INFORMAÇÕES DO TÓPICO</h3>

<p data-type="field"><p align="left" class="style11" style="margin-bottom: 1em; font-size: 12px; line-height: 1.4em; font-family: "Century Gothic"; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">1º Este formulário será usado para notificar aos usuários qualquer incidência de warn no nosso fórum.</p><p align="left" style="margin-bottom: 1em; font-size: 12px; line-height: 1.4em; color: rgb(0, 0, 0); font-family: Verdana, Arial; background-color: rgb(255, 255, 255);"><span class="style11" style="font-family: "Century Gothic";">2º Este link não poderá ser enviado a mais ninguém.</span></p><p align="left" class="style16" style="margin-bottom: 1em; font-size: 12px; line-height: 1.4em; font-family: "Century Gothic"; font-weight: bold; color: rgb(204, 0, 0); background-color: rgb(255, 255, 255);">3º Todos os campos são obrigatórios o preenchimento.</p></p>

<h3 data-type="field">INFORMAÇÕES DO WARN</h3>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Usuário Infrator:</span></dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field12"></dd>
                        </dl>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Tópico do Warn:</span></dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field13"></dd>
                        </dl>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Quantidade de warn aplicado:</span></dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field14"></dd>
                        </dl>

<dl>
                            <dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Motivo do Warn:</span></dt>
                            <dd><select data-type="field" id="field15"><option value="Post Indevido em local restrito">Post Indevido em local restrito</option><option value="SPAM">SPAM</option><option value="FLOOD">FLOOD</option><option value="Double Post">Double Post</option><option value="Divulgação">Divulgação</option><option value="Desrespeito">Desrespeito</option><option value="Revivendo tópicos antigos">Revivendo tópicos antigos</option><option value="UP! Indevido">UP! Indevido</option><option value="Burlar a Censura">Burlar a Censura</option><option value="Deixar outro usuário usar sua conta">Deixar outro usuário usar sua conta</option><option value="Quote sem citação">Quote sem citação</option><option value="Uso excessivo de smileys">Uso excessivo de smileys</option><option value="Avatar/Assinatura Indevido(a)">Avatar/Assinatura Indevido(a)</option><option value="Outras">Outras</option></select></dd>
                        </dl>

<dl>
                            <dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Observações:</span></dt>
                            <dd><textarea data-type="field" id="field16"></textarea></dd>
                        </dl>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: 12px; background-color: rgb(255, 255, 255);">Moderador:</span></dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field17"></dd>
                        </dl>


                <input type="hidden" name="f" value="">
                <input type="hidden" name="subject" value="O script não enviou o título" template="[img]http://icons.iconarchive.com/icons/dryicons/aesthetica-2/24/warning-icon.png[/img][MODERAÇÃO] AVISO DE WARN">
                <input type="hidden" name="description" value="O script não enviou a descrição" template="">
                <textarea name="message" style="display:none"></textarea>
               
                <textarea id="message-template-bbcode-0" style="display:none">[center][img]http://i.imgur.com/qMohv1o.png[/img][/center]

Olá, você acaba de receber warns, veja as informações do mesmo abaixo:


Você recebeu {field14} de warn pelo motivo: {field15}
Link da infração: {field13}
Observações: {field16}
Moderador responsável: {field17}


Caso ache que foi um erro, responda esta MP com seus argumentos.
Se seu problema não for resolvido, crie uma denúncia seguindo este link: http://rotam-los-santos-bpf.forumeiros.com/f30-denuncia-contra-moderadores



Atenciosamente,
Moderação ROTAM LS.
{field17}</textarea>
                <input type="hidden" name="mode" value="newtopic">
                <input type="hidden" name="lt" value="0">
                <input type="submit" name="post" class="button2" value="Enviar">
           

</form>

Luiz~ escreveu:Olá,

Poderia nos fornecer o nome de usuário do usuário que irá receber a MP?

o/

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="http://ajuda.forumeiros.com/29110.js"></script>
    <script src="http://ajuda.forumeiros.com/28074.js"></script>
    <style>
#generated_form .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }

#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}

#generated_form dl {
margin-bottom: 10px;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

#generated_form dt {
width: 30%;
padding-top: 5px;
border: none;
float: left;
}

#generated_form dd {
padding: 5px;
padding-right: 5px;
margin-left: 30%;
vertical-align: middle;
}
#generated_form dl:hover dt {
color: #666;
}

#generated_form input {
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #333333;
padding: 2px;
vertical-align: middle;
padding-left: 4px;
}

#generated_form input[disabled] {
background-color:#ddd;
cursor:pointer;
}

#generated_form select {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
cursor: default;
vertical-align: middle;
width:auto;
max-width:100%;/* Bug IE */
padding: 1px;
}

#generated_form textarea {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: 300px;
height: 100px;
padding: 2px;
padding-left: 4px;
cursor: text;
}

#generated_form input[type=text], #generated_form input[type=fields_list] {
width: 300px;
cursor: text;
}
</style>



<form id="generated_form">

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

<h1 data-type="field">Formulário de MP para Moderadores</h1>

<h3 data-type="field">INFORMAÇÕES DO TÓPICO</h3>

<p data-type="field"><p align="left" class="style11" style="margin-bottom: 1em; font-size: 12px; line-height: 1.4em; font-family: "Century Gothic"; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">1º Este formulário será usado para notificar aos usuários qualquer incidência de warn no nosso fórum.</p><p align="left" style="margin-bottom: 1em; font-size: 12px; line-height: 1.4em; color: rgb(0, 0, 0); font-family: Verdana, Arial; background-color: rgb(255, 255, 255);"><span class="style11" style="font-family: "Century Gothic";">2º Este link não poderá ser enviado a mais ninguém.</span></p><p align="left" class="style16" style="margin-bottom: 1em; font-size: 12px; line-height: 1.4em; font-family: "Century Gothic"; font-weight: bold; color: rgb(204, 0, 0); background-color: rgb(255, 255, 255);">3º Todos os campos são obrigatórios o preenchimento.</p></p>

<h3 data-type="field">INFORMAÇÕES DO WARN</h3>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Usuário Infrator:</span></dt>
                <dd><input type="text" data-type="field" placeholder="Coloque somente UM nick, e o nick correto!" id="field12"></dd>
            </dl>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Tópico do Warn:</span></dt>
                <dd><input type="text" data-type="field" value="Valor padrão" id="field13"></dd>
            </dl>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Quantidade de warn aplicado:</span></dt>
                <dd><input type="text" data-type="field" value="Valor padrão" id="field14"></dd>
            </dl>

<dl>
                <dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Motivo do Warn:</span></dt>
                <dd><select data-type="field" id="field15"><option value="Post Indevido em local restrito">Post Indevido em local restrito</option><option value="SPAM">SPAM</option><option value="FLOOD">FLOOD</option><option value="Double Post">Double Post</option><option value="Divulgação">Divulgação</option><option value="Desrespeito">Desrespeito</option><option value="Revivendo tópicos antigos">Revivendo tópicos antigos</option><option value="UP! Indevido">UP! Indevido</option><option value="Burlar a Censura">Burlar a Censura</option><option value="Deixar outro usuário usar sua conta">Deixar outro usuário usar sua conta</option><option value="Quote sem citação">Quote sem citação</option><option value="Uso excessivo de smileys">Uso excessivo de smileys</option><option value="Avatar/Assinatura Indevido(a)">Avatar/Assinatura Indevido(a)</option><option value="Outras">Outras</option></select></dd>
            </dl>

<dl>
                <dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Observações:</span></dt>
                <dd><textarea data-type="field" id="field16"></textarea></dd>
            </dl>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: 12px; background-color: rgb(255, 255, 255);">Moderador:</span></dt>
                <dd><input type="text" data-type="field" value="" id="field17"></dd>
            </dl>

    <input type="submit" name="Enviar" class="button2" value="Enviar">

</form>
<script type="text/javascript">
$('form').on('submit', function (event) {
  event.preventDefault();

  var content = [
    '[center][img]http://i.imgur.com/qMohv1o.png[/img][/center]',
    '',
    'Olá, [b]' + $('#field12').val() + '[/b] você acaba de receber warns, veja as informações do mesmo abaixo:',
    '',
    '',
    'Você recebeu ' + $('#field14').val() + ' de warn pelo motivo: ' + $('#field15').val() + '.',
    '',
    'Link da infração: ' + $('#field13').val(),
    'Observações: ' + $('#field16').val(),
    'Moderador responsável: ' + $('#field17').val(),
    '',
    '',
    'Caso ache que foi um erro, responda esta MP com seus argumentos.',
    'Se seu problema não for resolvido, crie uma denúncia seguindo este link: http://rotam-los-santos-bpf.forumeiros.com/f30-denuncia-contra-moderadores',
    '',
    'Atenciosamente,',
    'Moderação ROTAM LS.',
    '[b]' + $('#field17').val() + '[/b]',
  ].join('\n');

  $.post('/privmsg', {
      subject: '[MODERAÇÃO] Aviso de warn.',
      message: content,
      'username[]': $('#field12').val(),
      mode: 'post',
      post: 'Enviar'
  }).done(function () {
    alert('Postado com sucesso!\nVocê será redirecionado ao índice...');
    location.pathname = '/';
  }).fail(function () {
    alert('Um erro ocorreu, tente novamente!');
  });
});
</script>

Luiz~ escreveu:Troque o código do formulário por:

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="http://ajuda.forumeiros.com/29110.js"></script>
    <script src="http://ajuda.forumeiros.com/28074.js"></script>
    <style>
#generated_form .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }

#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}

#generated_form dl {
margin-bottom: 10px;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

#generated_form dt {
width: 30%;
padding-top: 5px;
border: none;
float: left;
}

#generated_form dd {
padding: 5px;
padding-right: 5px;
margin-left: 30%;
vertical-align: middle;
}
#generated_form dl:hover dt {
color: #666;
}

#generated_form input {
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #333333;
padding: 2px;
vertical-align: middle;
padding-left: 4px;
}

#generated_form input[disabled] {
background-color:#ddd;
cursor:pointer;
}

#generated_form select {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
cursor: default;
vertical-align: middle;
width:auto;
max-width:100%;/* Bug IE */
padding: 1px;
}

#generated_form textarea {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: 300px;
height: 100px;
padding: 2px;
padding-left: 4px;
cursor: text;
}

#generated_form input[type=text], #generated_form input[type=fields_list] {
width: 300px;
cursor: text;
}
</style>



<form id="generated_form">

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

<h1 data-type="field">Formulário de MP para Moderadores</h1>

<h3 data-type="field">INFORMAÇÕES DO TÓPICO</h3>

<p data-type="field"><p align="left" class="style11" style="margin-bottom: 1em; font-size: 12px; line-height: 1.4em; font-family: "Century Gothic"; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">1º Este formulário será usado para notificar aos usuários qualquer incidência de warn no nosso fórum.</p><p align="left" style="margin-bottom: 1em; font-size: 12px; line-height: 1.4em; color: rgb(0, 0, 0); font-family: Verdana, Arial; background-color: rgb(255, 255, 255);"><span class="style11" style="font-family: "Century Gothic";">2º Este link não poderá ser enviado a mais ninguém.</span></p><p align="left" class="style16" style="margin-bottom: 1em; font-size: 12px; line-height: 1.4em; font-family: "Century Gothic"; font-weight: bold; color: rgb(204, 0, 0); background-color: rgb(255, 255, 255);">3º Todos os campos são obrigatórios o preenchimento.</p></p>

<h3 data-type="field">INFORMAÇÕES DO WARN</h3>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Usuário Infrator:</span></dt>
                <dd><input type="text" data-type="field" placeholder="Coloque somente UM nick, e o nick correto!" id="field12"></dd>
            </dl>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Tópico do Warn:</span></dt>
                <dd><input type="text" data-type="field" value="Valor padrão" id="field13"></dd>
            </dl>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Quantidade de warn aplicado:</span></dt>
                <dd><input type="text" data-type="field" value="Valor padrão" id="field14"></dd>
            </dl>

<dl>
                <dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Motivo do Warn:</span></dt>
                <dd><select data-type="field" id="field15"><option value="Post Indevido em local restrito">Post Indevido em local restrito</option><option value="SPAM">SPAM</option><option value="FLOOD">FLOOD</option><option value="Double Post">Double Post</option><option value="Divulgação">Divulgação</option><option value="Desrespeito">Desrespeito</option><option value="Revivendo tópicos antigos">Revivendo tópicos antigos</option><option value="UP! Indevido">UP! Indevido</option><option value="Burlar a Censura">Burlar a Censura</option><option value="Deixar outro usuário usar sua conta">Deixar outro usuário usar sua conta</option><option value="Quote sem citação">Quote sem citação</option><option value="Uso excessivo de smileys">Uso excessivo de smileys</option><option value="Avatar/Assinatura Indevido(a)">Avatar/Assinatura Indevido(a)</option><option value="Outras">Outras</option></select></dd>
            </dl>

<dl>
                <dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: small; background-color: rgb(255, 255, 255);">Observações:</span></dt>
                <dd><textarea data-type="field" id="field16"></textarea></dd>
            </dl>

<dl><dt><span style="color: rgb(0, 0, 0); font-family: "Century Gothic"; font-size: 12px; background-color: rgb(255, 255, 255);">Moderador:</span></dt>
                <dd><input type="text" data-type="field" value="" id="field17"></dd>
            </dl>

    <input type="submit" name="Enviar" class="button2" value="Enviar">

</form>
<script type="text/javascript">
$('form').on('submit', function (event) {
  event.preventDefault();

  var content = [
    '[center][img]http://i.imgur.com/qMohv1o.png[/img][/center]',
    '',
    'Olá, [b]' + $('#field12').val() + '[/b] você acaba de receber warns, veja as informações do mesmo abaixo:',
    '',
    '',
    'Você recebeu ' + $('#field14').val() + ' de warn pelo motivo: ' + $('#field15').val() + '.',
    '',
    'Link da infração: ' + $('#field13').val(),
    'Observações: ' + $('#field16').val(),
    'Moderador responsável: ' + $('#field17').val(),
    '',
    '',
    'Caso ache que foi um erro, responda esta MP com seus argumentos.',
    'Se seu problema não for resolvido, crie uma denúncia seguindo este link: http://rotam-los-santos-bpf.forumeiros.com/f30-denuncia-contra-moderadores',
    '',
    'Atenciosamente,',
    'Moderação ROTAM LS.',
    '[b]' + $('#field17').val() + '[/b]',
  ].join('\n');

  $.post('/privmsg', {
      subject: '[MODERAÇÃO] Aviso de warn.',
      message: content,
      'username[]': $('#field12').val(),
      mode: 'post',
      post: 'Enviar'
  }).done(function () {
    alert('Postado com sucesso!\nVocê será redirecionado ao índice...');
    location.pathname = '/';
  }).fail(function () {
    alert('Um erro ocorreu, tente novamente!');
  });
});
</script>

o/

Código:

<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<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>Formulário de MP para Moderadores</title>

  <style type="text/css">
    *,
    *::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-top: none;
      border-radius: 0 0 3px 3px;
    }

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

    .fa-form-group {
      display: block;
      width: 100%;
      background-color: #ddd;
      padding: 20px;
    }

    .fa-form-group:nth-child(odd) {
      background-color: #fff;
    }

    .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;
      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;
    }

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

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

    [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">
      <span style="font-size: 25px; display: block; text-align: center; margin: 15px 0px;">Formulário de MP para Moderadores</span>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group">
  <label for="campo1">Usuário Infrator</label>
  <input type="text" data-type="text" id="campo1" placeholder="Coloque somente UM nick." required="">
</div>
<div class="fa-form-group">
  <label for="campo2">Tópico do warn:</label>
  <input type="text" data-type="text" id="campo2" placeholder="" required="">
</div>
<div class="fa-form-group">
  <label for="campo3">Quantidade de warns aplicadas:</label>
  <input type="text" data-type="text" id="campo3" placeholder="" required="">
</div>
<div class="fa-form-group">
  <label for="campo4">Motivo do warn:</label>
  <select data-type="select" id="campo4" required="">
<!-- First -->
<option value="Post Indevido em local restrito">Post Indevido em local restrito</option>
<option value="SPAM">SPAM</option>
<option value="FLOOD">FLOOD</option>
<option value="Double Post">Double Post</option>
<option value="Divulgação">Divulgação</option>
<option value="Desrespeito">Desrespeito</option>
<option value="Revivendo tópicos antigos">Revivendo tópicos antigos</option>
<option value="UP! Indevido">UP! Indevido</option>
<option value="Burlar a Censura">Burlar a Censura</option>
<option value="Deixar outro usuário usar sua conta">Deixar outro usuário usar sua conta</option>
<option value="Quote sem citação">Quote sem citação</option>
<option value="Uso excessivo de smileys">Uso excessivo de smileys</option>
<option value="Avatar/Assinatura Indevido(a)">Avatar/Assinatura Indevido(a)</option>
<option value="Outras">Outras</option>
</select>
</div>
<div class="fa-form-group">
  <label for="campo5">Observações:</label>
  <textarea data-type="textarea" id="campo5" placeholder=""></textarea>
</div>
<div class="fa-form-group">
  <label for="campo6">Nick do moderador:</label>
  <input type="text" data-type="text" id="campo6" placeholder="" required="">
</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][img]http://i.imgur.com/qMohv1o.png[/img][/center]

Olá, {{campo1}}, você acaba de receber warns, veja as informações do mesmo abaixo:


Você recebeu {{campo3}} warns pelo motivo: {{campo4}}.
Link da infração: {{campo2}}.
Observações: {{campo5}}.
Moderador responsável: {{campo6}}.


Caso ache que foi um erro, responda esta MP com seus argumentos.
Se seu problema não for resolvido, crie uma denúncia seguindo este link:
-> http://rotam-los-santos-bpf.forumeiros.com/f30-denuncia-contra-moderadores



Atenciosamente,
Moderação ROTAM LS.
[b]{{campo6}}[/b]</textarea>
  <input type="hidden" id="fa-generated-title" value="[MODERAÇÃO] Aviso de warn." />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://lffg.github.io/fdf/js/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('/privmsg', {
              subject: '[MODERAÇÃO] Aviso de warn.',
              'username[]': $('#campo1').val(),
              mode: 'post',
              post: 'Enviar',
                  message: $('#fa-generated-message').val().trim(),
                  tid: $('[name="tid"]:first').val()
               }).done(function () {
                  alert('Postado com sucesso.\nVocê será redirecionado ao índice do fórum...');
                  location.pathname = '/';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>