ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Membro iniciante
Masculino
Idade : 19
PointActif's : 1848
ReputActifs : 3
Mensagens : 35
Inscrição : 21/09/2012

100%
Ver perfil do usuáriohttp://tutoriaisdasduvidas.forumeiros.com/

Resolvido Formulário de postagens

em Sab 22 Set - 12:19
Qual é sua questão:
Olá Shek sera que teria como você coloca aqueles negosio de formulario aquele que te mostrei em meu fórum eu tedo administração e você coloca por favor ai nois faz parceria si voce quiser pliz

Que medidas você tomou para corrigir o problema:
Nem e presiço

Apresente-nos imagens do problema (se necessário):
Nem e presiço
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4872
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Formulário de postagens

em Seg 24 Set - 7:41
Olá senhor!

Que formulário o senhor refere-se? Poderia me fornecer o endereço da página? Suspeito

Atenciosamente,
Beleza!



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Membro iniciante
Masculino
Idade : 19
PointActif's : 1848
ReputActifs : 3
Mensagens : 35
Inscrição : 21/09/2012

100%
Ver perfil do usuáriohttp://tutoriaisdasduvidas.forumeiros.com/

Resolvido Re: Formulário de postagens

em Ter 25 Set - 8:55
Formulario de por em forun

Quando um membro for cria um topico
la aparece o formulario ingual na FdF quando vao cria topico tem as seleção para ele escolhe
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4872
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Formulário de postagens

em Ter 25 Set - 13:00
Olá amigo!

Forneça-nos o endereço da página do formulário e ajudaremos a aplicá-lo!

Atenciosamente,



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4872
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Formulário de postagens

em Qua 26 Set - 13:57
Senhor Autor,

Ainda necessida de suporte para sua questão?

Atenciosamente,
Gombor



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Membro iniciante
Masculino
Idade : 19
PointActif's : 1848
ReputActifs : 3
Mensagens : 35
Inscrição : 21/09/2012

100%
Ver perfil do usuáriohttp://tutoriaisdasduvidas.forumeiros.com/

Resolvido Re: Formulário de postagens

em Qua 26 Set - 21:34
Tipo assim cara quando um membro for fazer um topico
La aparecer assim para ele escolhe alguns das pergunta tipo

Qual ea minha questão

Imagens do meu problema

Versão do meu fórum
intedeu agora abraçs
avatar
Membro iniciante
Masculino
Idade : 19
PointActif's : 1848
ReputActifs : 3
Mensagens : 35
Inscrição : 21/09/2012

100%
Ver perfil do usuáriohttp://tutoriaisdasduvidas.forumeiros.com/

Resolvido Re: Formulário de postagens

em Qua 26 Set - 21:36
veja o link: http://ajuda.forumeiros.com/h4-
deste tipo nesta área que quero em meu fórum
E nas criações graficas quero assim
http://ajuda.forumeiros.com/h3-

veja o geito que preetendo cordialmente
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4872
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Formulário de postagens

em Qui 27 Set - 9:00
Olá autor!

O código do formulário de questões é esse:
Código:
<style>
input.inputbox {
height: 18px;
}
.submit-buttons{
float: left;
}
</style>

<script>
    html_tpl = "<b>Qual é minha questão:</b><br>$1 <br><br><b>Links e imagens do meu problema:</b><br>$2 <br><br><b>Endereço do meu fórum:</b><br>$3 <br><br><b>Versão do meu fórum:</b><br>$4 <br><br>";
    bbcode_tpl = "[b]Qual é minha questão:[/b]\n$1 \n\n[b]Links e imagens do meu problema:[/b]\n$2\n\n[b]Endereço do meu fórum:[/b]\n$3\n\n[b]Versão do meu fórum:[/b]\n$4";
    $(document).ready(function(){
      $('#bt-selecciona-forum').change(function() {
          if($(this).val()!==""){
            $('#form-part2, #bts').slideDown(800);
            $('input[name="f"]').val($(this).val());
          }else{
            $('#form-part2, #bts').slideUp(300);
            $('input[name="f"]').val($(this).val());
          }
      });
      $('#bt-apagar').click(function() {
          $('#forumselect').css('display','none');
          $('#bt-selecciona-forum, #text-imgs, #text-questao, #titulo, #endereco, #versao').val('');
          $('#form-part2, #bts').slideUp(300);
          $('input[name="f"]').val($(this).val());
      });
      $('#bt-pr-questao').click(function() {
          tpl = html_tpl;
          tpl = tpl.replace("$1", $('#text-questao').val());
          tpl = tpl.replace("$2", $('#text-imgs').val());
          tpl = tpl.replace("$3", $('#endereco').val());
          tpl = tpl.replace("$4", $('#versao').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($('#text-questao').val()!=='' && $('#titulo').val()!=='' && $('#titulo').val()!='Coloque aqui um título descritivo sobre a sua questão' && $('#text-questao').val()!='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.' && $('#titulo').val().toLowerCase().indexOf('ajuda')==-1 && $('#titulo').val().toLowerCase().indexOf('ajude')==-1 && $('#titulo').val().toLowerCase().indexOf('urgente')==-1 && document.getElementById('titulo').value.length>9){

            if(jQuery('#text-imgs').val()==''||jQuery('#text-questao').val()==jQuery('#text-imgs').val()){jQuery('#text-imgs').val('Não é necessário.')};
$('#titulo').val($('#titulo').val().substring(0,1).toUpperCase()+$('#titulo').val().substring(1,$('#titulo').val().length).toLowerCase());
$('#text-imgs').val($('#text-imgs').val().substring(0,1).toUpperCase()+$('#text-imgs').val().substring(1,$('#text-imgs').val().length));
$('#endereco').val($('#endereco').val().toLowerCase());
            if($('#endereco').val()!=''&&$('#endereco').val().indexOf('http://')==-1){$('#endereco').val('http://'+$('#endereco').val())};
            $('#text-questao').val($('#text-questao').val().substring(0,1).toUpperCase()+$('#text-questao').val().substring(1,$('#text-questao').val().length));

            tpl = tpl.replace("$1", $('#text-questao').val());
            tpl = tpl.replace("$2", $('#text-imgs').val());
            tpl = tpl.replace("$3", $('#endereco').val());
            tpl = tpl.replace("$4", $('#versao').val());
            $('input[name="message"]').val(tpl);
            $('input[name="subject"]').val($('#titulo').val());
            $('#bt-enviar-e').click();
            $('#form-submit').slideUp(300);
            $('#enviado').slideDown(800);}else if($('#text-questao').val()=='' || $('#titulo').val()=='' || $('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão' || $('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
            $('#erro').slideUp(1);
            $('#erro').slideDown(800);
            $('#erro2,#erro3').hide();
          }else if($('#titulo').val().toLowerCase().indexOf('ajuda')!=-1||$('#titulo').val().toLowerCase().indexOf('ajude')!=-1||$('#titulo').val().toLowerCase().indexOf('urgente')!=-1){
            $('#erro2').slideUp(1);
            $('#erro2').slideDown(800);
            $('#erro,#erro3').hide();
          }else if(document.getElementById('titulo').value.length<10){
            $('#erro3').slideUp(1);
            $('#erro3').slideDown(800);
            $('#erro,#erro2').hide();
          }
      });
      $('#bt-pr-fechar').click(function() {
          $('html, body').animate({
            scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideUp(300);
          return false;
      });
      $('#titulo').click(function() {
          if($('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão'){
            $('#titulo').val('');
          }
      });
      $('#titulo').blur(function() {
          if($('#titulo').val()==''){
            $('#titulo').val('Coloque aqui um título descritivo sobre a sua questão');
          }
      });
      $('#text-questao').click(function() {
          if($('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
            $('#text-questao').val('');
          }
      });
      $('#text-questao').blur(function() {
          if($('#text-questao').val()==''){
            $('#text-questao').val('Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.');
          }
      });
      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=''
          }
      });
      var e='#endereco';
      var v='#validardominio'
      jQuery(e).parent().after('<div id=validardominio></div>')
      jQuery(e).keyup(function(){
          var u=jQuery(e).val();
          m=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9_\-]+)+\.([a-zA-Z]{2,4})(?:\.([a-zA-Z]{2,4}))?\/?(.*)$/;
          if(u.match(m)){jQuery(v).html('')}else{jQuery(v).html('Esse domínio não é válido')};
      });
      if(VarGET('f')!==''){
          $('#form-part2, #bts').slideDown(800);
          $('input[name="f"]').val(VarGET('f'));
          $('#bt-selecciona-forum').val(VarGET('f'));
      }
    });


    </script>
    <form action="/post" method="post" id="form-submit">

    <div id="erro" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Você deve preencher todos os campos</b></span></center><span class="corners-bottom"><span></span></span></div></div>
    <div id="erro2" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Não utilize as palavras "Ajuda", "Ajude" ou "Urgente" no título da questão, ela não descreve a sua dúvida</b></span></center><span class="corners-bottom"><span></span></span></div></div>
    <div id="erro3" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>O título da questão necessita pelo menos 10 caracteres</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<br>

    <div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><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><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao">

 <br>

<div class='panel'>
  <div class='inner'>
        <span class='corners-top'></span> 
        <div class='h3' style='margin-top: 7px;'>Antes de postar uma pergunta</div>
        <br>
        <p>Antes de iniciar a sua viagem por este mundo de suporte, por favor leia as nossas <a href='http://ajuda.forumeiros.com/t82-regras-do-forum-dos-foruns-fdf' target='_blanck'>Regras do Fórum</a>. É importante que essas regras sejam respeitadas, para que a comunidade cresça e floresça de forma saudável, amigável e agradável. O objetivo é que os próprios usuários contribuam com conteúdo útil e se entre-ajudem.<br><br><b>Nota:</b> Antes de postar, <a href='http://ajuda.forumeiros.com/search' target='_blanck'>pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.</p>
       
  </div>
        <span class='corners-bottom'></span>
</div>
<br>

    <div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Tipo de dúvida</div>
 
    <br>
    <fieldset class="fields1">
   
    <dl><dt>
    <label>Problema enfrentado:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1"  class="inputbox" style='width: 510px;'/>
    <option value=""></option>
    <option value="22">Códigos para implementação do meu fórum</option>
    <option value="25">Personalização de uma certa área do meu fórum, templates ou códigos CSS</option>
    <option value="27">Questões sobre o painel de controle, créditos e nomes de domínio</option>
    </select></dd></dl>
   
    </fieldset>

<ul class="topiclist" id="forumselect" style="display:none"><dd class="dterm" style="border-left:0px"><h3 class="hierarchy"><a class="forumtitle"></a></h3><br><img style="float:left;margin-right:4px"><div style="margin-top:5px" id=desc></div> </dd></ul>

    <span class="corners-bottom"><span></span></span></div></div>
<br>
 
    <div class="panel" id="form-part2" style="display:none;"><div class="inner"><span class="corners-top"><span></span></span>
    <div class="h3" style="margin-top: 7px;">Corpo do formulário</div>
   
 <br>    <fieldset class="fields1">

    <dl><dt>
    <label>Título da questão:</label></dt>
    <dd><input id="titulo" name="subject" value="Coloque aqui um título descritivo sobre a sua questão" class="inputbox" style="clear: both; width: 510px;" /><span id="identifytitle" style="vertical-align:middle;color:gray;margin-left:5px"></span>
    </dd></dl>

    <dl><dt>
    <label>Endereço e versão do fórum:</label></dt>
    <dd><input id="endereco" class="inputbox" style="clear: both; width: 408px;" />
<select tabindex="1" class="inputbox" id="versao" />
        <option value="Não sei"></option>
        <option value="PUNBB">PUNBB</option>
        <option value="PHPBB2">PHPBB2</option>
        <option value="PHPBB3">PHPBB3</option>
        <option value="INVISION">INVISION</option>
    </select>
    </dd></dl>
 
    <dl><dt>
    <label>Qual é sua questão:</label></dt>
    <dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 100px; width:510px;">Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.</textarea>
    </dd></dl>
   
    <dl><dt>
    <label>Links e imagens do problema (se necessário):</label>

<br><br><br><br><button class="button2" onclick="jQuery('#uploadimage input[type=file]').click()" type="button" title="Fazer upload de uma imagem"><img src="http://illiweb.com/fa/wysiwyg/picture_save.png" alt="Fazer upload de uma imagem" title="Fazer upload de uma imagem"></button>

</dt>
    <dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 510px;"></textarea>

<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;margin-top:13px"></iframe>

    </dd></dl>
   
    </fieldset>
   
    <input type="hidden" name="message">
    <input type="hidden" name="mode" value="newtopic">
    <input type="hidden" name="f">
    <input type="hidden" name="lt" value="0">
   
   
    <span class="corners-bottom"><span></span></span></div></div>

    <br>
    <div  id="bts" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span>
    <fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" type="button" class="button1" /> <input id="bt-enviar" value="Enviar questão" type="button" class="button1" name="post" /> <input id="bt-apagar" value="Apagar tudo" type="button"  class="button1" />
    <input id="bt-enviar-e" value="Enviar Questão" type="submit" class="button1" style="display:none;" name="post" /></fieldset>
    <span class="corners-bottom"><span></span></span></div></div>
    </form>

<br>
    <div id="enviado" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="carregando" title="enviando..." /><br /><span class="conteudo_texto">enviando...</span></center><span class="corners-bottom"><span></span></span></div></div>

<b id=getidmember style=display:none>{USERNAME}</b>

<script>jQuery('#bt-selecciona-forum').change(function(){

    if($(this).val()!==""){
            $('#form-part2, #bts').show();
            $('input[name="f"]').val($(this).val());
          }else{
            $('#form-part2, #bts').hide();
            $('input[name="f"]').val($(this).val());
          }

;var v=jQuery('#bt-selecciona-forum').val();if(v==''){jQuery('#forumselect').hide()}else{jQuery('#forumselect').slideDown(100);if(v=='22'){var title='Questões sobre códigos';var img='http://illiweb.com/fa/fdf/scripts.png';var desc='Dúvidas sobre códigos <b>HTML</b> e <b>BBCode</b>. Também, dúvidas sobre códigos <b>JavaScript</b> que tenham sido citados em algum de nossos tutoriais.'};if(v=='25'){var title='Questões sobre a aparência do fórum';var img='http://illiweb.com/fa/fdf/palette.png';var desc='Dúvidas sobre a aparência geral de seu fórum. Também, poderá tirar dúvidas sobre códigos <b>CSS</b> e <b>Templates</b> do fórum.'};if(v=='27'){var title='Questões sobre o painel de controle, créditos e domínios';var img='http://illiweb.com/fa/fdf/admin.png';var desc='Dúvidas sobre funções do <b>painel de controle</b>, <b>créditos</b> e <b>nomes de domínio</b>. A maioria das dúvidas estão esclarecidas em nossas FAQs.'};jQuery('#forumselect .forumtitle').html(title);jQuery('#forumselect img').attr('src',img);jQuery('#forumselect #desc').html(desc)}});jQuery.ajax({url:'/profile?mode=editprofile',success:function(d){if(jQuery('#profile_field_3_-10',d).val().indexOf('http://ajuda.forumeiros.com')==-1){jQuery('#endereco').val(jQuery('#profile_field_3_-10',d).val());if($('input[name="profile_field_8_2"][checked="checked"]',d).val()!=0){$('#versao').val($('input[name="profile_field_8_2"][checked="checked"]',d).next().attr('title').replace(/ /g,'').toUpperCase())}}}})</script>

<form action="http://s6.tinypic.com/plugin/upload.php" id="uploadimage" method="post" enctype="multipart/form-data" target="fuploadimage" style="display:none"><input type="hidden" name="action" value="upload"><input type="hidden" name="popts" value="c,url"><input type="file" name="the_file" onchange="this.form.submit();jQuery('iframe[name=fuploadimage]').css('display','block')"></form>

O código do formulário de pedidos gráficos é esse:
Código:
<style>
.previsu {
 background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
 border: 1px solid #1675BC;
 display: none;
 position: absolute;
 top: 350px;
 margin: auto;
 margin-left: 150px !important;
}
 .previsuimg {
 position: relative;
 }
 .previsuimg div {
 position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9);
 }


#addimage .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#addimage .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
.image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
.image .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;}
.image .previsualise { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -50px -436px; margin-left: 5px; padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}

 .image { width: 300px; }

</style>

<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
<script>


function gerartitulo() {
 var tipo = document.getElementById("tipo").value;

switch(tipo) {
 case '[Avatar] ':
 tipob = 'Avatar';
 jQuery('input[name="f"]').val('17');
 break;
 case '[Assinatura] ':
 tipob = 'Assinatura';
  jQuery('input[name="f"]').val('17');
 break;
 case '[Userbar] ':
 tipob = 'Userbar';
  jQuery('input[name="f"]').val('17');
 break;
 case '[Banner] ':
 tipob = 'Banner';
  jQuery('input[name="f"]').val('17');
 break;
 case '[Logo] ':
 tipob = 'Logo';
  jQuery('input[name="f"]').val('17');
 break;

case '[Menu] ':
case '[Botões] ':
case '[Ícones] ':
case '[Ranks] ':
jQuery('input[name="f"]').val('17');
 break;

case '[Outros] ':
case '[Imagem] ':
jQuery('input[name="f"]').val('17');
 break;
 }

 var cor = document.getElementById("cor").value;
 var tamanho = document.getElementById("tamanho").value;
 var texto = document.getElementById("texto").value;
 var textotonalidade = document.getElementById("textotonalidade").value;
 var cortonalidade = document.getElementById("cortonalidade").value;

jQuery("input[name=subject]").attr('value', tipo+cor+cortonalidade+tamanho+texto+textotonalidade);
 jQuery("#titlecode").html(tipo+cor+cortonalidade+tamanho+texto+textotonalidade);

if(tipo == "[Avatar] " || tipo == "[Assinatura] " || tipo == "[Userbar] " || tipo == "[Banner] " || tipo == "[Logo] ") {
 jQuery('#size_extra optgroup').css('display','block');
 jQuery('#size_extra optgroup[label!=' + tipob + ']').css('display','none');
 jQuery('#size_extra_span').css('display','block');
 }
 else {
 jQuery('#size_extra_span').css('display','none');
 }
}
imagensdopedido = '';

function gerarpedido() {
 gerartitulo();
 var cordofundo = document.getElementById("fundo").value;
 var cordafonte = document.getElementById("fontecor").value;
 var nomedafonte = (document.getElementById("fonte").value == '') ? document.getElementById("fonteNome").value : document.getElementById("fonte").value;
 var tipodeanimacao = (document.getElementById("animacao").value == '') ? document.getElementById("animacaoNome").value : document.getElementById("animacao").value;
 var tipodemoldura = (document.getElementById("moldura").value == '') ? document.getElementById("molduraNome").value : document.getElementById("moldura").value;
 var descricaodopedido = document.getElementById("adicionais").innerHTML;
 var descricaodopedido = document.getElementById("adicionais").value;
 var dimensaoA = document.getElementById("dimensoesA").value;
 var dimensaoL = document.getElementById("dimensoesL").value;

var dimensaof = (document.getElementById("size_extra").value == '') ? dimensaoL + ' x ' + dimensaoA + ' px' : document.getElementById("size_extra").value;

var urlforum = document.getElementById("urlforum").value;

finalmessage = '[b]Endereço do fórum :[/b] [url]'+ urlforum + '[/url]\n[b]Imagens a serem usadas :[/b] ' + imagensdopedido + '\n [b]Dimensões :[/b] ' + dimensaof +' \n[b]Cor do fundo :[/b] #' + cordofundo + '\n[b]Cor da fonte :[/b] #' + cordafonte + '\n[b]Fonte :[/b] ' + nomedafonte + '\n[b]Animação :[/b] ' + tipodeanimacao + '\n[b]Moldura :[/b] ' + tipodemoldura + '\n[b]Descrição do trabalho :[/b] ' + descricaodopedido;


jQuery("input[name=message]").attr('value', finalmessage);
}

function outra(id) {
 var inputID = id+"Nome";
 (document.getElementById(id).value == '') ? document.getElementById(inputID).style.display = 'inline' : document.getElementById(inputID).style.display = 'none';
 document.getElementById(inputID).focus();
}

 function removeimg(obj) {
 obj.parent().parent().remove();
 update_img();
 }
 function addimg() {
 $('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left; display: inline; background-color: #ffffff;border: 1px solid #BCBCBC;color: #666666;padding: 2px;cursor: text;" type=text name=images id="Imagens_AddMore" onchange="update_img_list()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>');
 $('#addimage').prev().find('.previsualise').hover(
 function () {
 $(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block');
 },
 function () {
 $(this).parent().find('.previsuimg div').css('display','none');
 }
 );
 update_img();
 }
 function update_img() {
 if($('.image').length<2) $('.image .remove').hide();
 else $('.image .remove').show();
 update_img_list();
 }

function update_img_list() {
 imagensdopedido = '';
 jQuery('input[name=images]').each( function(index) {
if($(this).val() != '') {
 imagensdopedido = imagensdopedido + $(this).val() + ' ; ';
}
 });
 gerarpedido();
 }

gerartitulo();
gerarpedido();

</script>
 <h1 class="page-title">Formulário de pedidos gráficos</h1>
 <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
 <div class="h3" style="margin-top: 7px;">Sobre o formulário</div>
 <p style="font-size: 12px;">O presente formulário foi criado com o objetivo de promover uma maior organização dos pedidos feitos na seção gráfica deste fórum. Em cada uma das divisões abaixo poderá encontrar uma parte do código, a primeira caixa - "Informações gerais" - vale para o título e a segunda para o corpo da mensagem. Assim que tudo estiver feito, poderá enviar o pedido, que será postado automaticamente. Se necessitar de alguma modificação, poderá fazer editando a sua mensagem. Lembre-se somente que antes de fazer um pedido, é recomendado ver a <a href="http://ajuda.forumeiros.com/t32850-regras-e-afins-da-secao-de-criacoes-graficas">Regras da seção de criações gráficas!</a>.

</p><span class="corners-bottom"><span></span></span>
 </div>
 </div>

 <div class="clear" style="height: 6px;"></div>


<div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Informações gerais</div>

<form action="/posting.forum" method="post" id="fa_form" name="Pedidos" onSubmit="return ValidarFormulario();" >
 <fieldset class="fields1">

<dl><dt>
 <label>Tipo de pedido :</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" name="tipoPedido" />
 <option value=""></option>
 <option value="[Avatar] ">Avatar</option>


<option value="[Assinatura] ">Assinatura</option>
 <option value="[Userbar] ">Userbar</option>
 <option value="[Banner] ">Banner</option>
 <option value="[Logo] ">Logo</option>
 <option value="[Botões] ">Botões</option>
 <option value="[Ícones] ">Ícones</option>

 <option value="[Ranks] ">Ranks</option>
 <option value="[Outros] ">Outros</option>
 </select></dd></dl>

<dl><dt>
 <label>Cor geral :</label></dt><dd><select id="cor" tabindex="2" onChange="gerartitulo();" />

 <option value=" "></option>

<option value="Vermelho">Vermelho</option>
 <option value="Verde">Verde</option>
 <option value="Amarelo">Amarelo</option>
 <option value="Azul">Azul</option>
 <option value="Roxo">Roxo</option>

 <option value="Rosa">Rosa</option>

<option value="Laranja">Laranja</option>
 <option value="Branco">Branco</option>
 <option value="Preto">Preto</option>
 <option value="Cinza">Cinza</option>
 <option value="Marrom">Marrom</option>

 <option value="Transparente">Transparente</option>

<option value="">Nenhuma da lista</option></select> <select id="cortonalidade" onChange="gerartitulo();" />
 <option value=""></option>
 <option value="">Normal</option>
 <option value=" claro">Claro</option>
 <option value=" escuro">Escuro</option></select></dd></dl>


<dl><dt>
 <label>Tamanho geral :</label></dt><dd><select id="tamanho" tabindex="3" onChange="gerartitulo();" />

<option value=" "></option>
 <option value=" - Pequeno ">Pequeno</option>
 <option value=" - Médio ">Médio</option>
 <option value=" - Grande ">Grande</option></select></dd></dl>

<dl><dt>

 <label>Cor geral do texto :</label></dt><dd><select id="texto" tabindex="4" onChange="gerartitulo();" />
 <option value=" "></option>

<option value="- Texto vermelho ">Vermelho</option>
 <option value="- Texto verde ">Verde</option>
 <option value="- Texto amarelo ">Amarelo</option>
 <option value="- Texto azul ">Azul</option>

 <option value="- Texto roxo ">Roxo</option>
 <option value="- Texto rosa ">Rosa</option>

<option value="- Texto laranja ">Laranja</option>
 <option value="- Texto branco ">Branco</option>
 <option value="- Texto preto ">Preto</option>
 <option value="- Texto cinza ">Cinza</option>

 <option value="- Texto marrom ">Marrom</option>
 <option value="">Nenhuma da lista</option></select> <select id="textotonalidade" onChange="gerartitulo();" />

<option value=""></option>
 <option value="">Normal</option>
 <option value=" claro">Claro</option>
 <option value=" escuro">Escuro</option></select></dd></dl>


</fieldset>
 <span class="corners-bottom"><span></span></span></div></div>

<div class="clear" style="height: 6px;"></div>
 <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
 <div class="h3" style="margin-top: 7px;">Informações específicas</div>

<fieldset class="fields1">

<dl><dt>
 <label>Imagens a serem usadas :</label></dt>

 <dd>Indique o endereço da imagem a usar. Caso necessite de mais imagens, carregue em +, para que o endereço seja validado. Este irá desaparecer, e poderá então adicionar outro endereço.
 <table>
 <tr id="addimage">
 <td class="part"></td>
 <td>
 <div class="more" onClick="addimg()"></div>

</td>
 </tr>
 </table>


<script type="text/javascript">addimg()</script>

</dd></dl>
 <dl><dt>
 <label>Dimensões :</label></dt>
 <dd> <input class="inputbox" type="text" id="dimensoesL" tabindex="6" onChange="gerarpedido();" style="width: 30px; clear: both;" />

px (largura) X
 <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 30px;" /> px (altura) </dd><dd> <span id="size_extra_span" style="display: none;"> Tamanhos padrões do tipo de pedido escolhido : <select id="size_extra">

 <option value=""></option>
 <optgroup label="Avatar">
 <option value="120 x 120 px">120 x 120 px</option>
 <option value="100 x 120 px">100 x 120 px</option>

<option value="120 x 160 px">120 x 160 px</option>
 <option value="140 x 180 px">140 x 180 px</option>
 <option value="140 x 200 px">140 x 200 px</option>

 <option value="150 x 180 px">150 x 180 px</option>
 <option value="150 x 200 px">150 x 200 px</option>
 </optgroup>

<optgroup label="Assinatura">
 <option value="400 x 120 px">400 x 120 px</option>
 <option value="400 x 150 px">400 x 150 px</option>
 <option value="450 x 150 px">450 x 150 px</option>

 </optgroup>
 <optgroup label="Userbar">
 <option value="350 x 19 px">350 x 19 px</option>

</optgroup>
 <optgroup label="Banner">
 <option value="70 x 30 px">70 x 30 px</option>
 <option value="90 x 15 px">90 x 15 px</option>

 <option value="120 x 60 px">120 x 60 px</option>
 <option value="150 x 50 px">150 x 50 px</option>
 <option value="468 x 60 px">468 x 60 px</option>

</optgroup>
 <optgroup label="Logo">
 <option value="600 x 200 px">600 x 200 px</option>
 <option value="750 x 200 px">750 x 200 px</option>

 <option value="800 x 220 px">800 x 220 px</option>
 <option value="150 x 50 px">830 x 200 px</option>
 </optgroup>

</select></span>
 </dd></dl>

<dl><dt>
 <label>Endreço do seu fórum :</label></dt>

 <dd>Lembre-se que se se não possuir um endereço válido, seu pedido será recusado!<br>
 <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 300px; clear: both;" />
 </dd></dl>


<dl><dt>
 <label>Cor do fundo :</label></dt>

<dd>Código hexadecimal da cor que deverá ser usada :<br>
 <input type="text"  tabindex="9" onChange="gerarpedido();" class="inputbox color champ" value="FFFFFF" id="fundo" name="couleur_fond" maxlength="7" onblur="this.style.borderColor='#FFFFFF'" onfocus="this.style.borderColor='#FFFFFF'" style="width: 70px; background: url('http://illiweb.com/fa/wysiwyg/color_swatch.png') no-repeat right;" />
 </dd></dl>


<dl><dt>
 <label>Cor da fonte :</label></dt>
 <dd>Código hexadecimal da cor que deverá ser usada :<br>
 <input type="text" tabindex="10" onChange="gerarpedido();" class="inputbox color champ" value="FFFFFF" id="fontecor" name="couleur_fond" maxlength="7" onblur="this.style.borderColor='#FFFFFF'" onfocus="this.style.borderColor='#FFFFFF'" style="width: 70px; background: url('http://illiweb.com/fa/wysiwyg/color_swatch.png') no-repeat right;" />
 </dd></dl>

<dl><dt>

<label>Fonte :</label></dt><dd><select id="fonte" tabindex="11" onChange="outra('fonte'); gerarpedido();" />
 <option value=" "></option>

 <option value="Arial" style="font-family: Arial;">Arial</option>
 <option value="Arial Black" style="font-family: Arial Black;">Arial Black</option>
 <option value="Comic Sans MS" style="font-family: Comic Sans MS;">Comic Sans MS</option>
 <option value="Courier New" style="font-family: Courier New;">Courier New</option>

<option value="Georgia" style="font-family: Georgia;">Georgia</option>
 <option value="Times New Roman" style="font-family: Times New Roman;">Times New Roman</option>

 <option value="Calibri" style="font-family: Calibri;">Calibri</option>
 <option value="Trebuchet MS" style="font-family: Trebuchet MS;">Trebuchet MS</option>
 <option value="Verdana" style="font-family: Verdana;">Verdana</option>
 <option value="Visitor TTK 2" style="font-family: Visitor TTK 2;">Visitor TTK 2 (usada em Userbars)</option>

<option value="">Outra</option>
 </select> <input id="fonteNome" style="display: none; width: 400px;" class="inputbox" value="Qual?" onclick="if (this.value == 'Qual?') this.value = '';" onblur="if (this.value == '') this.value = 'Qual?';" onChange="gerarpedido();" onfocus="if (this.value == 'Qual?') this.value = '';" onblur="if (this.value == '') this.value = 'Qual?';"></dd></dl>


<dl><dt>
 <label>Animação :</label></dt><dd><select id="animacao" tabindex="12" onChange="outra('animacao'); gerarpedido();" />
 <option value=" "></option>
 <option value="Não">Não</option>
 <option value="">Sim</option>

</select> <input id="animacaoNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>

<dl><dt>

 <label>Moldura :</label></dt><dd><select id="moldura" tabindex="13" onChange="outra('moldura'); gerarpedido();" />
 <option value=" "></option>
 <option value="Não">Não</option>
 <option value="">Sim</option>
 </select> <input id="molduraNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" /></dd></dl>

<dl><dt>
 <label>Descrição do trabalho :</label></dt>

 <dd><textarea class="inputbox" id="adicionais" tabindex="14" onChange="gerarpedido();" style="clear: both; height: 100px; width: 500px;">Deseja alguma mensagem escrita na imagem? Se sim, não se esqueça de citar aqui!</textarea></dd></dl>

</fieldset>

<input type="hidden" name="message" />
 <input type="hidden" name="subject" />
 <input type="hidden" name="mode" value="newtopic" />
 <input type="hidden" name="f" value="17" />
 <input type="hidden" name="lt" value="0" />


<span class="corners-bottom"><span></span></span></div></div>


<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
 <fieldset class="submit-buttons"><input value="Enviar seu pedido gráfico" type="submit" class="button1" name="post"  /></fieldset>
 <span class="corners-bottom"><span></span></span></div>
</form>
<script>gerartitulo();</script>
Atenciosamente,
Beleza!



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Membro iniciante
Masculino
Idade : 19
PointActif's : 1848
ReputActifs : 3
Mensagens : 35
Inscrição : 21/09/2012

100%
Ver perfil do usuáriohttp://tutoriaisdasduvidas.forumeiros.com/

Resolvido Re: Formulário de postagens

em Qui 27 Set - 17:05
Olá senhor aonde eu ponho at+
avatar
Hiperativo
Masculino
Idade : 16
PointActif's : 2532
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%
Ver perfil do usuáriohttp://master-publicitario.forumeiros.com/

Resolvido Re: Formulário de postagens

em Qui 27 Set - 20:09
Olá,
Deve colocar em uma Página HTML, seguindo o Tutorial apresentado pelo FdF.

PS: Não sei porque, mas este tópico tem alguma coisa que quebra o layout dele quando entro em aparelhos móveis.
avatar
Membro iniciante
Masculino
Idade : 19
PointActif's : 1848
ReputActifs : 3
Mensagens : 35
Inscrição : 21/09/2012

100%
Ver perfil do usuáriohttp://tutoriaisdasduvidas.forumeiros.com/

Resolvido Re: Formulário de postagens

em Sex 28 Set - 8:49
Codigos nao funcionam
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4872
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Formulário de postagens

em Sex 28 Set - 11:43
Olá senhor Morfil. Sorriso

Qual o problema que os códigos apresentam? Suspeito

Atenciosamente,
Beleza!



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Membro iniciante
Masculino
Idade : 19
PointActif's : 1848
ReputActifs : 3
Mensagens : 35
Inscrição : 21/09/2012

100%
Ver perfil do usuáriohttp://tutoriaisdasduvidas.forumeiros.com/

Resolvido Re: Formulário de postagens

em Sex 28 Set - 12:15
Eu pego o codigos
faço a pagina la HTML
ai depois eu volto la no negosio vo cria um topico e fica normal
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4872
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Formulário de postagens

em Sex 28 Set - 12:28
Olá senhor Morfil! Sorriso

Confira os tutoriais que há em nossos arquivos e obtenha ajuda mais rápido! Rosa vermelha
Clique aqui: http://shift.forumactif.com/search?search_keywords=formul%C3%A1rio&search_where=f5

Atenciosamente,
Beleza!



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2035
ReputActifs : 5
Mensagens : 141
Inscrição : 11/07/2012

Localização : Fortaleza
100%
Ver perfil do usuáriohttp://www.forum-dix.com.br

Resolvido Re: Formulário de postagens

em Seg 1 Out - 19:12
Olá amigo , cheque esse video tutorial .
avatar
Membro iniciante
Masculino
Idade : 37
PointActif's : 2027
ReputActifs : 4
Mensagens : 52
Inscrição : 04/04/2012

100%
Ver perfil do usuáriohttp://shift.forumactif.com/

Resolvido Re: Formulário de postagens

em Seg 8 Out - 14:47
Olá!

O tópico será marcado como Resolvido, pois o autor não está mais disponível até Quarta-Feira, 5 de Dezembro, até as 16:42.

Cordialmente,
Magnus



Staff Shiftactif

Bem-vindo(a) ao fórum Shiftactif!


   Para que tenha uma ótima estadia em nosso serviço de suporte ShiftActif :
Seta azul Veja os Regulamentos do fórum;
Seta azul Conheça aEquipe do fórum;
Seta azul Confira nossos tutoriais & faqs;
Seta azul E tire suas dúvidas.
Seta azul E Não damos suporte por MP.
Seta azul Acesse nosso blog: http://www.shiftactive.blogspot.com/
   

Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum