Formulário de postagem.

Use este para criar:
https://ajuda.forumeiros.com/h15-

ata , mas depois que eu criar como faço pra colocar pra quando o membro clicar pra criar uma nova denuncia (contra admin por exemplo) aparecer ele?

Saudações!

Para aprender a usar o formulário, leia o seguinte tutorial:
https://ajuda.forumeiros.com/t78600-tutorial-criar-formularios-de-postagem

Atenciosamente.

O formulário que eu crio fica bugado

Winners_CAP escreveu:O formulário que eu crio fica bugado

O meu tbm pow, criei um tópico pra ver se tinham mais tutoriais de como criar um sem bugar, to esperando.

Olá, novamente.

Poderia ser mais específico quanto ao formulário estar "bugado"? Especifique quais são os erros que ocorrem, e se possível envie-nos uma captura de tela.
Gostaria que por favor disponibiliza-se o link da página HTML que contém o formulário e do fórum que quer colocar o efeito. Assim, poderemos melhor ajudá-lo.

Até mais.

Olá colega, respondendo sua Dúvida Inicial:
Crie uma Página HTML Contendo Este Código

Código:


<style>
  #form-send, .form-info h3 {
  background: #fcfcfc;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #form-send select, .form-info h3 {
  font: 16px bold arial, tahoma, georgia;
  }
  .form-info h3 {padding: 3px;font-weight: bold;text-align: center;}
  #form-send select {
  min-width: 150px;
  padding: 4px;
  cursor: pointer;
  outline: none;
  border: 1px solid #e0e0e0;
  background: white;
  }
  .warn {
  background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
  border: 1px solid #e599aa;
  margin: 3px 0;
  color: #80001c;
  padding: 1em;
  }
  fieldset.form-div dt {
  padding: 5px 0;
  }
  fieldset.form-div dt {
  float: left;
  font: 15px bold arial, tahoma, georgia;
  width: 13em;
  }
  fieldset.form-div dd {
  margin-left: 10em;
  }
  fieldset.form-div dl:nth-child(odd) {
  background: #f5f8fa !important;
  }
  fieldset.form-div dl:nth-child(even) {
  background: #fff;
  }
  fieldset.form-div input {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  outline: none;
  border: 1px solid #f0f0f0;
  padding: 5px;
  }
  #countitle {
  background: white;
  color: #D60B8C;
  border: 1px solid #e0e0e0;
  padding: 5px;
  border-radius: 3px;
  }
  fieldset.form-div dl {padding: 11px;border-bottom: 1px solid #F3F3F3;}
  fieldset.form-div dl:after {
  clear: both;
  content: '.';
  display: block;
  height: 0px;
  visibility: hidden;
  }
  #form-send .area .buttons {
  -moz-background-clip: padding;
  -moz-border-radius: 3px 3px 0 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
  background: #f7f7f7;
  background-clip: padding-box;
  border: 1px solid silver;
  border-radius: 3px 3px 0 0;
  line-height: 0;
  width: 100%;
  overflow: hidden;
  padding: 3px 5px 2px;
  }
  #form-send .area {
  display: inline-block;
  min-height: 330px;
  z-index: 3;
  width: 63%;
  }
  #form-send .description {
  display: inline-block;
  z-index: 3;
  min-height: 200px;
  position: absolute;
  background: white;
  margin: 0 0 0 20px;
  line-height: 18px;
  color: #000000;
  font-family: Calibri, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: 1em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid silver;
  width: 17%;
  }
  #form-send .area .buttons .button2 {
  background: white;
  cursor: pointer;
  outline: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  padding: 3px;
  }
  #form-send .area .buttons .button2:hover {border-color: #707070;}
  #form-send .textarea_nc #textarea {
  min-height: 200px;
  color: #111;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  overflow: auto;
  border: 0;
  outline: none;
  width: 100%;
  }
  #form-send .btns {
  background: #f5f5f5;
  border-top: 1px solid #d7d7d7;
  padding: 10px;
  text-align: center;
  }
  #form-send .area .textarea_nc {
  background: white;
  min-height: 200px;
  cursor: se-resize;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  padding: 3px 5px 2px;
  border: 1px solid silver;
  border-top: 0;
  width: 100%;
  }
  #pr-modal {
  position: fixed;
  background-color: #3e3e3e;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 100;
  opacity: 0.5;
  }
  #pr-questao {
  background-color: #464646;
  background-color: rgba(70, 70, 70, 0.6);
  padding: 4px;
  -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 101;
  width: 70%;
  left: 14.5%;
  top: 50%;
  margin-top: -58px;
  }
  #pr-questao .postm {
  background: #fff;
  border: 1px solid #eee;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #pr-questao .pr-clo {
  background: url(http://i.imgur.com/qRr3WvV.png) no-repeat;
  cursor: pointer;
  height: 16px;
  width: 16px;
  float: right;
  }
</style>

<script>
  $(document).ready(function() {
  $('#send').click(function() {
   if($('#titulo').val()!=='' && $('#endereco').val()!=='' && $('#versao').val()!=='' && $('#textarea').val()!=='') {
    var titulo = $('#titulo').val();
    var endereco = $('#endereco').val();
    var versao = $('#versao').val();
    var texto = $('#textarea').val();
    final = '[b]Minha questão:[/b]\n[quote]'+texto+'[/quote]\n[hr]\n[b]Endereço do meu fórum:[/b]\n'+endereco+'\n\n[b]Versão:[/b]\n'+versao+'';
    $('input[name="subject"]').val(titulo);
    $('input[name="message"]').val(final);
    $('#send2').click();
    $('#form-send').slideUp(300);
    $('#enviando').slideDown(500);
   }
   else {
    $('.alert').slideUp(1);
    $('.alert').slideDown(500);
   }
  });
  $('#prevquestion').click(function() {
    var titulo = $('#titulo').val();
    var endereco = $('#endereco').val();
    var versao = $('#versao').val();
    var texto = $('#textarea').val();
  final = '<b>Minha questão:</b><br /><blockquote><div>'+texto+'</div></blockquote><br /><hr /><br /><b>Endereço do meu fórum:</b><br />'+endereco+'<br /><br /><b>Versão:</b><br />'+versao+'';
    $('#pr-modal').fadeIn(300);
    $('#pr-questao').slideDown(500);
    $('#pr-questao .entry-content').html(final);
  });
  $('.pr-clo').click(function() {
    $('#pr-modal').fadeOut(800);
    $('#pr-questao').slideUp(500);
  });
  $('#apagar-td').click(function() {
          $('#form-send input[type="text"],#form-send textarea').val('');
  });
  $('#titulo').keyup(function() {
     var tvalue = document.getElementById('titulo').value.length;
     var icnt = document.getElementById('countitle');
     if(tvalue < 10 && tvalue > 0) {
       var l = tvalue-10;
       icnt.innerHTML='O título necessita mais '+l*-1+' caracteres';
     }
     else {
       icnt.innerHTML='';
     }
  });
  });
</script><div id="pr-modal" style="display: none;"></div><div id="pr-questao" style="display: none;">
      <span class="pr-clo"></span>
      <div class="postm">
        <div class="post-entry">
         <div class="entry-content"></div>
        </div>
      </div>
  </div>
  <div class="form-info">
  <h3>Formulário de criação de tópico</h3><br>
  <div class="warn alert" style="display: none">
     É necessário preencher todos os campos em branco.</div>
  </div>
  <div class="warn">
  <b>Nota:</b> Antes de postar, <a href="/search" target="_blank">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.
  </div>
  <form action="/post" method="post" name="post" id="form-send" enctype="multipart/form-data">
  <fieldset class="form-div">  
  <dl><dt>
  <label>Título da questão:</label></dt>
  <dd>
    <input type="text" style="clear: both;width: 400px;" id="titulo" placeholder="Título da sua questão"> <div id="countitle" style="display:inline"></div>
  </dd>
  </dl>
  <dl><dt>
  <label>Endereço do fórum:</label></dt>
  <dd>
    <input type="text" style="clear: both;width: 400px;" id="endereco" value="http://">
  </dd>
  </dl>
  <dl><dt>
  <label>Versão do fórum:</label></dt>
     <dd>
      <select class="inputbox" id="versao">
       <option value="PunBB">PunBB</option>
       <option value="Phpbb3">Phpbb3</option>
       <option value="Phpbb2">Phpbb2</option>
       <option value="Invision">Invision</option>
      </select>
     </dd>
  </dl>
  <dl><dt>
  <label>Descrição do tópico:</label></dt>
  <dd>
    <div class="area">
     <div class="buttons">
      <button class="button2" onclick="bbcode_tag('[b]','[/b]')" type="button" id="addbbcode0" title="Negrito"><img src="http://imgur.com/z2xtYUE.png" alt="Negrito" title="Negrito"></button>
      <button class="button2" onclick="bbcode_tag('[i]','[/i]')" type="button" id="addbbcode2" title="Itálico"><img src="http://imgur.com/EcEpCJ9.png" alt="Itálico" title="Itálico"></button>
      <button class="button2" onclick="bbcode_tag('[u]','[/u]')" type="button" id="addbbcode4" title="Underline"><img src="http://imgur.com/i6Ergr1.png" alt="Underline" title="Underline"></button>
      <button class="button2" onclick="bbcode_tag('[strike]','[/strike]')" type="button" id="addbbcode5" title="Strike"><img src="http://i.imgur.com/hWWoJSN.png" alt="Strike" title="Strike"></button>
      <button class="button2" onclick="bbcode_tag('[left]','[/left]')" type="button" id="addbbcode52" title="Esquerda"><img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"></button>
      <button class="button2" onclick="bbcode_tag('[center]','[/center]')" type="button" id="addbbcode30" title="Centralizar"><img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"></button>
      <button class="button2" onclick="bbcode_tag('[right]','[/right]')" type="button" id="addbbcode32" title="Direita"><img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"></button>
      <button class="button2" onclick="bbcode_tag('[justify]','[/justify]')" type="button" id="addbbcode33" title="Justificado"><img src="http://2img.net/i/fa/wysiwyg/text_align_justify.png" alt="Justificado" title="Justificado"></button>
      <button class="button2" onclick="bbcode_tag('[code]','[/code]')" type="button" id="addbbcode41" title="code"><img src="http://i.imgur.com/LEJ7qoj.png" alt="Code" title="Code"></button>
      <button class="button2" onclick="bbcode_tag('[list][*]','[/list]')" type="button" id="addbbcode10" title="-Lista"><img src="http://2img.net/i/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista"></button>
      <button class="button2" onclick="bbcode_tag('[list=1][*]','[/list]')" type="button" id="addbbcode12" title="Lista ordenada"><img src="http://2img.net/i/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada"></button>
      <button class="button2" onclick="bbcode_tag('[img]','[/img]')" type="button" id="addbbcode14" title="Imagem"><img src="http://2img.net/i/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem"></button>
      <button class="button2" onclick="bbcode_tag('[url=','][/url]')" type="button" id="addbbcode16" title="Link"><img src="http://2img.net/i/fa/wysiwyg/link.png" alt="Link" title="Link"></button>
     </div>
     <div class="textarea_nc">
      <textarea id="textarea" class="inputbox"></textarea>
     </div>
    </div>
    <div class="description">
      1. Poste uma dúvida por tópico, utilizando títulos inteligentes. Não use títulos como [Ajuda aqui!], [Suporte], [Alguém me ajude]. Visto que já somos um fórum de suporte e títulos assim são desnecessários.<br><br>
      2. Uma boa ortografia e a ilustração com imagens facilita a compreensão de sua questão.<br><br>
      3. Mantenha seu tópico vivo enviando no máximo um UP a cada dia.
    </div>
  </dd>
  </dl>
  </fieldset><div class="btns">
    <input type="hidden" name="subject">
    <input type="hidden" name="message">
    <input type="hidden" name="mode" value="newtopic">
    <input type="hidden" name="f" value="56">
    <input type="hidden" name="lt" value="0">
    <input type="button" value="Enviar" id="send" name="post"> <input type="button" value="Pré-visualizar" id="prevquestion"> <input type="button" value="Apagar tudo" id="apagar-td">
    <input type="submit" style="display: none;" id="send2" name="post">
</div>
</form><div id="enviando" style="display:none;">
  <center>
   <img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="enviando..."><br>
   <span class="conteudo_texto">enviando...</span>
  </center>
</div>
<script>
function bbcode_tag(o,c){
var t=jQuery('#textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val().substring(t[0].selectionStart,t[0].selectionEnd)+c+t.val().substring(t[0].selectionEnd,t.val().length))};</script>


Marque Utilizar Inicio e Fim do Fórum


Depois substitua:

Código:

 <input type="hidden" name="f" value="56">


O Valor 56 pelo ID da Categoria/Fórum

Basta A penas Editar os Campos que Deseja.


Crie um Javascript Em "SubForums" Com seguinte Código

Código:


jQuery(function () {
    jQuery('a[href*="/post?f=56&mode=newtopic"]').attr('href', '/h5-');
});


Substitue /h5- Pelo ID da Página HTMl, e 56 Pelo ID da Categoria/Fórum

viniliff escreveu:Olá, novamente.

Poderia ser mais específico quanto ao formulário estar "bugado"? Especifique quais são os erros que ocorrem, e se possível envie-nos uma captura de tela.
Gostaria que por favor disponibiliza-se o link da página HTML que contém o formulário e do fórum que quer colocar o efeito. Assim, poderemos melhor ajudá-lo.

Até mais.

Em vez de aparecer o formulário no forum certinho igual o da qui do FdF, ele aparece numa página em branco e feiosão ^^

Exatamente LucaS. Fica tudo bugado.
Sant0ro Apareceu o seguinte quando coloquei conforme tu ensinou :" You can return to the index... "

Amigos, tentem acompanhar essa vídeo aula: https://www.youtube.com/watch?v=EaZLQ2Q3uGI

Olá. Criei um formulário de testes, caso agrada-lhe seu faço outro ajustado às suas preferências.

Primeiro,   crie uma nova página HTML (marque para utilizar o início e fim da página) contendo o seguinte código:

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">

<dl>
                            <dt>Sugestão para:</dt>
                            <dd><select data-type="field" id="field0"><option value="Escola">Escola</option><option value="
Fórum">
Fórum</option><option value="
Ambos">
Ambos</option><option value=""></option></select></dd>
                        </dl>

<dl><dt>Importância da sugestão (de 1 a 5):</dt>
                            <dd><input type="range" min="1" max="5" data-type="field" step="1" value="" id="field1"></dd>
                        </dl>

<dl><dt>Título da sugestão:</dt>
                            <dd><input type="text" data-type="field" value="Valor padrão" id="field2" required="required"></dd>
                        </dl>

<dl>
                            <dt>Descrição e detalhes gerais:</dt>
                            <dd><textarea data-type="field" id="field3" required="required"></textarea></dd>
                        </dl>

<dl>
                            <dt>Por que você acha que essa sugestão seria útil?</dt>
                            <dd><textarea data-type="field" id="field4"></textarea></dd>
                        </dl>


                <input type="hidden" name="f" value="15">
                <input type="hidden" name="subject" value="O script não enviou o título" template="{field2} - {field0} [{field1}]">
                <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">Importância da sugestão (0-5): {field1}

Descrição e detalhes gerais: {field3}

{field4}</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>

Em seguida, crie um JavasCript com investimento em todas as páginas:

jQuery(document).ready(function() { jQuery('a[href^="/post?f=ID_DO_FORUM&mode=newtopic"]').attr('href', 'LINK_DA_PAGINA'); });

Substitua ID_DO_FORUM pelo id do fórum que deseja aplicar a mudança e LINK_DA_PAGINA pelo link da página HTML que criou.

Até mais.

Galera vcs n estão entendo eu mais o Lucas.
Nosso problema é por causa de um bug, que a página fica toda estranha e branca e não vai direto pro sub-forum igual no vídeo (que vi já centenas de vezes). Já coloquei o ID o Link do HTML porém fica assim : https://i.imgur.com/74AjdOj.png.

Vou detalhar melhor minha situação:
Eu crio o formulário pelo Gerador, coloco os IDS corretos do meu sub-forum, e pego o HTML que é postado logo em seguida.
pego o JV e edito colocando ID DO MEU FÓRUM e LINK DA MINHA PAGINA criada pelo gerador.
Depois que todos estes processos estão feitos, eu vou em denuncias contra Gangster (área onde eu peguei o ID e coloquei quando estava no processo de criação) e clico em Postar Novo Tópico que vai pra página criada pelo Gerador, porem bugada , como na Imagem mostrada ( https://i.imgur.com/74AjdOj.png ) , e outra, eu quero que o meu formulário fica na página do meu sub-fórum , e não em outra como mostra tmb na imagem.
Espero que tenham entendido.

Olá.

Você marcou na página HTML a opção de exibir o início e fim da página? Caso contrário, a página continuará igual ao do print que enviou.

Tentei Agora. Resultado: Tudo Branco
Eita ...

Winners_CAP escreveu:Tentei Agora. Resultado: Tudo Branco
Eita ...

Sim fica mesma coisa, ta ocorrendo algum bug que os admins do FdF poderiam corrigir.

LucaS Carvalho escreveu:

Winners_CAP escreveu:Tentei Agora. Resultado: Tudo Branco
Eita ...

Sim fica mesma coisa, ta ocorrendo algum bug que os admins do FdF poderiam corrigir.

Olá.

Só gostaria de acrescentar de que os admineiros não podem corrigir diretamente isso por dois motivos:

1- Eles não podem administrar outros fóruns;
2- Eles não são técnicos ou trabalham diretamente na Forunactif (empresa detentora do Forumeiros), então elas não podem alterar seu funcionamento e suas funcionalidades.

Quanto ao erro de ambos, peço que por favor me enviem o link da página HTML e que tentem desativar temporiarmente os widgets que utilizam.

Tente usar esse gerador creio que facilitará mais para você!
http://mateusv.site11.com/gerador2.html

Boa Noite.
Alex esse deu certo. Só que gostaria de saber se vc sabe mexer nele em questão de css. Poies gostaria de deixar algumas palavras em negrito. E outra , n ta aparecendo a descrição que eu estou dando pra cada uma .

Olá.

Para um texto em HTML ficar em negrito, utilize o seguinte código:

Código:

<b>teste de negrito</b>

Conseguir isso já.
Mas pra mi soltar um espaço de uma frase pra outra é <br>?
Ex:
Frase 1
Frase 2

<br>Frase 1</br>
<br>Frase 2</br>
Resultado:
Frase 1

Frase 2

Tentei assim e n deu resultado.

Tente o seguinte:

Frase 1
<br />
Frase 2
<br />

@Winners_CAP agora eu editei o HTML e coloquei "Você deseja utilizar o início e o final da página do seu fórum ?" ai marquei sim, ai o formulário ficou assim: https://i.imgur.com/FZoBMgO.png

só que só da pra visualizar, eu clico em novo no mesmo tópico mas não acontece nada, só da pra visualizar mesmo.

Vc estar usando o JS?
Se não tiver use:

Código:

jQuery(document).ready(function() { jQuery('a[href^="/post?f=ID_DA_PAGINA&mode=newtopic"]').attr('href', 'LINK_DO_TOPICO'); });

Altere os nomes em Maiúsculo

Winners qual seria a personalização que você quer?

Mostre um print e também me envie o link desse formulário por favor!

Minha proposta..

Código:

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8">
    <title>Formulário de denúncias</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  </head>
  <style type="text/css">
  *{
    outline: none!important;
  }
  textarea{
    min-height: 200px;
    resize: vertical;
  }
  </style>
  <body>
  <section class="container">
    <section class="row">
      <form action="" role="form" id="form-posting" style="padding:2em;">
        <fieldset>
          <legend style="padding:.5em">Formulário de denúncias</legend>

          <div class="form-group">
            <label for="category">Escolha a categoria denunciada</label>
            <select class="form-control" id="category">
              <option selected="true" disabled="true">Selecione</option>
              <option value="Denúncia contra Mafioso">Denúncia contra Mafioso</option>
            </select>
          </div>

          <div class="form-group">
            <label for="reason">Motivo</label>
            <input class="form-control" id="reason" placeholder="Coloque aqui o motivo da denúncia">
          </div>

          <div class="form-group">
            <label for="accused">Membro/Player que você vai denunciar</label>
            <input class="form-control" id="accused" placeholder="Nome_Sobrenome">
          </div>

          <div class="form-group">
            <label for="organization">Organização que o Player pertence</label>
            <select class="form-control" id="organization">
              <option selected="true" disabled="true">Selecione</option>
              <option value="Máfia Cosa Nostra">Máfia Cosa Nostra</option>
              <option value="Máfia Yakuza">Máfia Yakuza</option>
            </select>
          </div>

          <div class="form-group">
            <label for="report">Dê o relatório da ocorrência</label>
            <textarea id="report" placeholder="Opina e descreva o ocorrido, dê seus argumentos sobre a causa que o levou á denunciar o membro/player" class="form-control"></textarea>
          </div>

          <div class="form-group">
            <label for="proofs">Provas</label>
            <textarea id="proofs" placeholder="Poste aqui as provas que incrimine o acusado. Seja elas em Ss's (imagens) ou em Fraps (vídeo)" class="form-control"></textarea>
          </div>

          <div class="form-group">
            <label for="extra">Tentou resolver in-game</label>
            <textarea id="extra" placeholder="Você tentou resolver in-game ou através de outro meio de comunicação (TS3) com o acusado ? Se Sim , explique qual foi o resultado" class="form-control"></textarea>
          </div>

          <button type="submit" class="btn btn-primary btn-sm pull-right">Enviar formulário</button>
          <input type="reset" class="btn btn-link btn-sm pull-right" value="Apagar tudo">
          <small>
            <a style="color:rgba(0,0,0,.3)" href="http://ajuda.forumeiros.com/u48280" target="_blank">waghcwb</a>
          </small>

        </fieldset>
      </form>
    </section>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    $(function(){

        $("#form-posting").submit(function(event){
          event.preventDefault();
         
          var formData = {
              category: $("#category").val(),
              reason: $("#reason").val(),
              accused: $("#accused").val(),
              organization: $("#organization").val(),
              report: $("#report").val(),
              proofs: $("#proofs").val(),
              extra:    $("#extra").val()
          };

          var data =
              '[font=Courier New][size=15][b]Formulário de denúncias[/b][/size][size=13]' + '\n\n' +
              '  [b]Escolha a categoria denunciada[/b] ' + '\n' + formData.category + '\n\n' +
              '  [b]Motivo[/b] ' + '\n' + formData.reason + '\n\n' +
              '  [b]Membro/Player que você vai denunciar[/b] ' + '\n' + formData.accused + '\n\n' +
              '  [b]Organização que o Player pertence[/b] ' + '\n' + formData.organization + '\n\n' +
              '  [b]Dê o relatório da ocorrência[/b] ' + '\n' + formData.report + '\n\n' +
              '  [b]Provas[/b] ' + '\n' + formData.proofs + '\n\n' +
              '  [b]Tentou resolver in-game[/b] ' + '\n' + formData.extra + '\n\n' +
              '[/size][/font]';

          $.post("/post", {
              f: 1,
              mode: 'newtopic',
                subject: '[Denúncia] ' + formData.accused,
                message: data,
                post: 1
            }).done(function() {
                $("#form-posting").html('<p style="padding:.7em" class="bg-info">Formulário enviado com sucesso.<br>Redirecionando...</p>');
                window.setTimeout(function(){
                  window.location.href = '/f1-'
                }, 2500);
            }).fail(function() {
                $("#form-posting").submit();
            });

        });
    });
    </script>
    </section>
  </body>
</html>

Crie uma página HTML com o conteúdo passado acima, e configure da seguinte maneira



Procure por

Código:

f: 1,

E troque o 1 pelo número do fórum onde o formulário vai ser postado.


E para os botões com link para o formulário, basta usar este script

Código:

$(function () {
    $('a[href*="/post?f=ID DO FÓRUM&mode=newtopic"]').attr('href', '/hID DA PÁGINA-');
});

Note o número do fórum e ID da página.

O ID do fórum é o mesmo que modificou acima, e ID da página é o número da página HTML que o senhor criou.

Faça os testes e nos retorne...

Se quiser um preview, se registre neste fórum
http://punbbteste.forumeiros.com/register

E logo após acesse essa página
http://punbbteste.forumeiros.com/h23-

@waghcwb Vlw msm mano , deu certo. Só que gostaria de + uma ajuda sua. Vc colocou pra ficar no título assim: [Denúncia] + o nome que o usuário em "Membro/Player que você vai denunciar". Sim estar ótimo , porém gostaria que ficasse assim na barra de titulo:

[Denúncia] - [ Organização que o Player pertence ] - Membro/Player que você vai denunciar - Motivo.

Obg

Faz o teste ai amigo.

Código:

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8">
    <title>Formulário de denúncias</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  </head>
  <style type="text/css">
  *{
    outline: none!important;
  }
  textarea{
    min-height: 200px;
    resize: vertical;
  }
  </style>
  <body>
  <section class="container">
    <section class="row">
      <form action="" role="form" id="form-posting" style="padding:2em;">
        <fieldset>
          <legend style="padding:.5em">Formulário de denúncias</legend>

          <div class="form-group">
            <label for="category">Escolha a categoria denunciada</label>
            <select class="form-control" id="category">
              <option selected="true" disabled="true">Selecione</option>
              <option value="Denúncia contra Mafioso">Denúncia contra Mafioso</option>
            </select>
          </div>

          <div class="form-group">
            <label for="reason">Motivo</label>
            <input class="form-control" id="reason" placeholder="Coloque aqui o motivo da denúncia">
          </div>

          <div class="form-group">
            <label for="accused">Membro/Player que você vai denunciar</label>
            <input class="form-control" id="accused" placeholder="Nome_Sobrenome">
          </div>

          <div class="form-group">
            <label for="organization">Organização que o Player pertence</label>
            <select class="form-control" id="organization">
              <option selected="true" disabled="true">Selecione</option>
              <option value="Máfia Cosa Nostra">Máfia Cosa Nostra</option>
              <option value="Máfia Yakuza">Máfia Yakuza</option>
            </select>
          </div>

          <div class="form-group">
            <label for="report">Dê o relatório da ocorrência</label>
            <textarea id="report" placeholder="Opina e descreva o ocorrido, dê seus argumentos sobre a causa que o levou á denunciar o membro/player" class="form-control"></textarea>
          </div>

          <div class="form-group">
            <label for="proofs">Provas</label>
            <textarea id="proofs" placeholder="Poste aqui as provas que incrimine o acusado. Seja elas em Ss's (imagens) ou em Fraps (vídeo)" class="form-control"></textarea>
          </div>

          <div class="form-group">
            <label for="extra">Tentou resolver in-game</label>
            <textarea id="extra" placeholder="Você tentou resolver in-game ou através de outro meio de comunicação (TS3) com o acusado ? Se Sim , explique qual foi o resultado" class="form-control"></textarea>
          </div>

          <button type="submit" class="btn btn-primary btn-sm pull-right">Enviar formulário</button>
          <input type="reset" class="btn btn-link btn-sm pull-right" value="Apagar tudo">
          <small>
            <a style="color:rgba(0,0,0,.3)" href="http://ajuda.forumeiros.com/u48280" target="_blank">waghcwb</a>
          </small>

        </fieldset>
      </form>
    </section>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    $(function(){

        $("#form-posting").submit(function(event){
          event.preventDefault();
         
          var formData = {
              category: $("#category").val(),
              reason: $("#reason").val(),
              accused: $("#accused").val(),
              organization: $("#organization").val(),
              report: $("#report").val(),
              proofs: $("#proofs").val(),
              extra:    $("#extra").val()
          };

          var data =
              '[font=Courier New][size=15][b]Formulário de denúncias[/b][/size][size=13]' + '\n\n' +
              '  [b]Escolha a categoria denunciada[/b] ' + '\n' + formData.category + '\n\n' +
              '  [b]Motivo[/b] ' + '\n' + formData.reason + '\n\n' +
              '  [b]Membro/Player que você vai denunciar[/b] ' + '\n' + formData.accused + '\n\n' +
              '  [b]Organização que o Player pertence[/b] ' + '\n' + formData.organization + '\n\n' +
              '  [b]Dê o relatório da ocorrência[/b] ' + '\n' + formData.report + '\n\n' +
              '  [b]Provas[/b] ' + '\n' + formData.proofs + '\n\n' +
              '  [b]Tentou resolver in-game[/b] ' + '\n' + formData.extra + '\n\n' +
              '[/size][/font]';

          $.post("/post", {
              f: 1,
              mode: 'newtopic',
                subject: '[Denúncia][' + formData.organization + ']' + formData.accused + ' - ' + formData.reason,
                message: data,
                post: 1
            }).done(function() {
                $("#form-posting").html('<p style="padding:.7em" class="bg-info">Formulário enviado com sucesso.<br>Redirecionando...</p>');
                window.setTimeout(function(){
                  window.location.href = '/f1-'
                }, 2500);
            }).fail(function() {
                $("#form-posting").submit();
            });

        });
    });
    </script>
    </section>
  </body>
</html>

Perfeito Pode fechar o topico