Suporte Community

Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo Mensagem [Página 1 de 1]

#1
Mr.Sheldon

Mr.Sheldon
Administrador
Bem este formulário foi criado especialmente a Best Skins e eu adaptei.
Link: Best Skins
Código:
</style><script>
    html_tpl = "<center><img src='$0' /></center> <br><br><b>Nome do Arquivo:</b> $1 <br><br><b>Autor:</b> $2<br><br><b>Funcionalidade:</b> $3 <br><br><b>Categoria:</b> $4 <br><br><br> $5 <br><br>";
    bbcode_tpl = "[center][img(500px,250px)]$0[/img][/center]\n[b]Nome do Arquivo:[/b] $1\n[b]Autor:[/b] $2\n[b]Funcionalidade:[/b] $3\n[b]Categoria:[/b] $4\n\n $5";
    $(document).ready(function(){
      $('#bt-apagar').click(function() {
          $('#form-submit input[type="text"],#form-submit textarea').val('');
          $('input[name="f"]').val($(this).val());
      });
      $('#bt-pr-questao').click(function() {
          tpl = html_tpl;
          tpl = tpl.replace("$0", $('#img').val());
          tpl = tpl.replace("$1", $('#titulo').val());
          tpl = tpl.replace("$2", $('#autor').val());
          tpl = tpl.replace("$3", $('#funcionalidade').val());
          tpl = tpl.replace("$4", $('#categoria').val());
          tpl = tpl.replace("$5", $('#text_editor_textarea').val());
          $('html, body').animate({
            scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideDown(300);
          $('#html-questao').html(tpl);
      });
      $('#bt-enviar').click(function() {
          tpl = bbcode_tpl;
          if($('#img').val()!=='' && $('#titulo').val()!=='' && $('#autor').val()!=='' && $('#funcionalidade').val()!=='' && $('#categoria').val()!=='' && $('#text_editor_textarea').val()!==''){
            tpl = tpl.replace("$0", $('#img').val());
            tpl = tpl.replace("$1", $('#titulo').val());
            tpl = tpl.replace("$2", $('#autor').val());
            tpl = tpl.replace("$3", $('#funcionalidade').val());
            tpl = tpl.replace("$4", $('#categoria').val());
            tpl = tpl.replace("$5", $('#text_editor_textarea').val());
            $('input[name="message"]').val(tpl);
            $('input[name="subject"]').val($('#titulo').val());
            $('#bt-enviar-e').click();
            $('#form-submit').slideUp(300);
            $('#enviado').slideDown(800);
          }else{
            $('#erro').slideUp(1);
            $('#erro').slideDown(800);
          }
      });
      $('#bt-pr-fechar').click(function() {
          $('html, body').animate({
            scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideUp(300);
          return false;
      });
      jQuery('#titulo').keyup(function(){
          var t=document.getElementById('titulo').value.length;
          var i=document.getElementById('identifytitle');
          if(t<10&&t>0){
            var l=t-10;i.innerHTML='O título necessita mais '+l*-1+' caracteres'
          }
          else{
            i.innerHTML=''
          }
      });
      if(VarGET('f')!==''){
          $('#bts').slideDown(800);
          $('input[name="f"]').val(VarGET('f'));
      }
    });
    </script>
<form action="/post" method="post" id="form-submit">
   
   <div id="erro" style="display:none;" class="panel">
      
      <div class="inner">
         
         <center>
             <span class="conteudo_texto" style="color:#C00"><strong>Você deve preencher todos os campos</strong></span>
         </center>
         
      </div>
      
   </div><br />
   <div style="display:none;" id="pr-questao" class="post row2">
      
      <div class="inner">
         
         <div class="postbody">
            
            <div class="h3">
                Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]
            </div>
            
            <div id="html-questao" class="content">
               
            </div>
            
         </div>
         
      </div>
      
   </div>
   
   <hr style="display:none;" id="pr-questao" />
    <br />
   <div class="panel">
      
      <div class="inner">
         
         <div class="main-content frm-set">
            
            <p style="padding: 6px;">
                <strong>Nota:</strong> Preencha corretamente o formulário, coloque um título descritível, o autor do tutorial e as demais informações necessárias para não haver problemas.
            </p>
            
         </div>
         
      </div>
      
   </div>
   
   <div class="panel">
      
      <div class="inner">
         
         <div class="h3" style="margin-top: 7px;">
             Formulário de postagem de Dicas e Tutoriais
         </div>
          <br />
                  <fieldset class="fields1">
                    <dl>
                      <dt><label>Imagem do resultado:</label></dt>
                      <dd class="frm-input"><input type="text" id="img" placeholder="Imagem do resultado" class="inputbox" /> </dd>
                    </dl>
         <div id="identifytitle" style="display: inline;"></div>
                      <dl>
                        <dt><label>Título do tutorial:</label></dt>
                        <dd class="frm-input"><input type="text" id="titulo" placeholder="Título do tutorial" class="inputbox" /> </dd>
                      </dl>
                    <div id="identifytitle" style="display: inline;"></div>
                    <dl>
                      <dt><label>Autor:</label></dt>
                      <dd class="frm-input"><input type="text" id="autor" placeholder="Autor do código" class="inputbox" /> </dd>
                    </dl>
         <div id="ender" style="display: inline;"></div>
                    <dl>
                      <dt><label>Funcionalidade:</label></dt>
                      <dd class="frm-input">
                        <select class="inputbox" id="funcionalidade">
                        <option value="PhpBB3">PhpBB3</option>
                        <option value="PunBB">PunBB</option>
                        <option value="PhpBB2">PhpBB2</option>
                        <option value="Invision">Invision</option>
                        <option value="PhpBB3/Phpbb2">PhpBB3/PhpBB2</option>
                        <option value="PhpBB3/PunBB">PhpBB3/PunBB</option>
                        <option value="PhpBB3/Invision">PhpBB3/Invision</option>
                        <option value="PunBB/PhpBB2">PunBB/PhpBB2</option>
                        <option value="PunBB/Invision">PunBB/Invision</option>
                        <option value="PhpBB2/Invision">PhpBB2/Invision</option>
                        <option value="PhpBB3/PhpBB2/PunBB">PhpBB3/PhpBB2/PunBB</option>
                        <option value="PhpBB3/PhpBB2/Invision">PhpBB3/PhpBB2/Invision</option>
                        <option value="PhpBB3/PunBB/Invision">PhpBB3/PunBB/Invision</option>
                        <option value="PhpBB2/PunBB/Invision">PhpBB2/PunBB/Invision</option>
                        <option value="Todas as versões">Todas as versões</option>
                        </select>
                      </dd>
                    </dl>
                  <dl>
                    <dt><label>Categoria:</label></dt>
                    <dd class="frm-input">
                      <select class="inputbox" id="categoria">
                        <option value="Recursos BestSkins">Recursos BestSkins</option>
                        <option value="Recursos de Outros Autores">Recursos de Outros Autores</option>
                      </select>
                    </dd>
                    </dl>
                    <dl>
                      <dt><label>Informações do tutorial:</label></dt>
         <div style="float: right; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: normal; font-family: tahoma, helvetica, arial, 'sans-serif normal'; color: black; width: 25%;">
             <img src="http://i.imgur.com/H1MJk.png" id="imguploadimage" onclick="jQuery(this).next().hide();jQuery(this).hide()" style="cursor: pointer !important; float: right; display: none;" />
                          <iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" style="display: none; width: 248px; height: 204px;"></iframe>1. O seu tutorial será avaliado pela staff antes de ser aprovado.<br /><br /> 2. Uma boa ortografia e a ilustração com imagens facilita o entendimento do seu tutorial.<br /><br /> 3. Sempre coloque os créditos do autor do tutorial, evite problemas.
         </div>
                      <dd class="frm-input">
                <textarea id="text_editor_textarea" name="questao" class="inputbox" tabindex="14" style="height: 280px; width:550px;"></textarea>
                      </dd></dl>
                    <input type="hidden" name="subject" />
                    <input type="hidden" name="message" />
                    <input type="hidden" name="mode" value="newtopic" />
                    <input type="hidden" name="f" value="ID" />
                    <input value="0" name="lt" type="hidden" />
                    </fieldset>
      </div>
   </div>
   <div id="bts">
          <fieldset class="submit-buttons"><input class="button1" type="button" value="Pré-visualizar" id="bt-pr-questao" /> <input name="post" class="button1" type="button" value="Enviar questão" id="bt-enviar" /> <input class="button1" type="button" value="Apagar tudo" id="bt-apagar" /> <input name="post" style="display:none;" class="button1" type="submit" value="Enviar Questão" id="bt-enviar-e" /></fieldset>
      </div>
</form>
<div id="enviado" 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></div></div></div></div></div><div id="right">

Procure por ID e substitua pelo id de seu fórum
Até

http://suportecommunity.com.br

Ver o tópico anterior Ver o tópico seguinte Ir para o topo Mensagem [Página 1 de 1]


Permissões neste sub-fórum
Não podes responder a tópicos