[Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

4 participantes

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

Tópico resolvido [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por JPZ 28.08.10 14:16

Olá,

Dúvida :
Gostaria que alguém pudesse passar o mesmo código que é usado na seção gráfica, onde só pode criar um tópico a cada 24 horas, mexendo com cachê.

Procedimentos que foram tentados para resolver :
Procurei no fórum e achei um tópico, mas estava falando que por ser complicado, não conseguiríamos, mas com o Solkis de volta, creio que podem dar um jeito.

Captura de tela (quando necessário) :
[Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica Space

Até mais.
JPZ

JPZ
***

Membro desde : 30/06/2010
Mensagens : 182
Pontos : 256

http://cyber.omeuforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por ddik 28.08.10 14:23

Olá,

Aqui tem o código caso queira que o configur para seu fórum e só dizer:
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';
         break;
      case '[Assinatura] ':
         tipob = 'Assinatura';
         break;
      case '[Userbar] ':
         tipob = 'Userbar';
         break;
      case '[Banner] ':
         tipob = 'Banner';
         break;
      case '[Logo] ':
         tipob = 'Logo';
         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 Set_Cookie( name, value, expires, path, domain, secure )
{
var today = new Date();
today.setTime( today.getTime() );

/*
if the expires variable is set, make the correct
expires time, the current script below will set
it for x number of days, to make it for hours,
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );

document·cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}


jQuery(document).ready(function () {

p = true;
valhtml = "";
$.get('http://ajuda.forumeiros.com/criacoes-graficas-f71/',
   function(data) {
valhtml = data
      $(data).find('.span-tab a').each(
         function() {
            if($(this).html() == $(valhtml).find('#un a').html()) {
               p = false;
            } else {
               p = true;
            }
         })
   });

   if(parseInt(my_getcookie('fa_ajuda_forumeiros_com_cg')) !== 1 && p !== false) {
      jQuery('#form_pedidos_graficos').css('display', 'block');
      jQuery('#msg_erro').css('display', 'none');
   }
   else {
      jQuery('#form_pedidos_graficos').css('display', 'none');
      jQuery('#msg_erro').css('display', 'block');
   }
});

function fa_cookie() {
   Set_Cookie('fa_ajuda_forumeiros_com_cg', '1', 1);
}

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

<div id="form_pedidos_graficos">
<!-- Formulário dos pedidos -->
<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 - &quot;Informações gerais&quot; -  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/-h2.htm">Galeria de trabalhos gráficos</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="http://ajuda.forumeiros.com/posting.forum" method="post" enctype="multipart/form-data" id="fa_form" onSubmit="fa_cookie();">
<fieldset class="fields1">

<dl><dt>
  <label>Tipo de pedido :</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" />
<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>
    <option value="[Imagem] ">Imagem em geral</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://2img.net/i/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://2img.net/i/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;"></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="71" />
<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>
<center><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></div>
</form>
</div>

<div id="msg_erro">
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span><h1 class="page-title">Informações</h1><p>Desculpe, somente pode fazer um pedido gráfico por dia! Terá de aguardar <b>exatamente</b> vinte e quatro horas desde seu último pedido. Esta medida é para manter a seção sempre organizada.</p><p>Lembre-se também que somente poderá fazer um novo pedido gráfico quando não houverem pedidos pendentes, ou seja, somente pode ter um pedido no fórum de "Criações gráficas" a cada vez.</p><br />
<p><a href="http://ajuda.forumeiros.com/criacoes-graficas-f71/">Voltar para o fórum de criações gráficas</a></p><span class="corners-bottom"><span></span></span></div></div>
</div>
<script>gerartitulo();</script>

Ate mais
ddik

ddik
Super Membro

Membro desde : 02/08/2009
Mensagens : 1787
Pontos : 2560

http://vilasims.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por JPZ 28.08.10 15:15

Gostaria que ele funcionasse no seguinte fórum: http://cyber.omeuforum.net/ajuda-escolar-f19/
JPZ

JPZ
***

Membro desde : 30/06/2010
Mensagens : 182
Pontos : 256

http://cyber.omeuforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por JPZ 30.08.10 0:46

Up!
JPZ

JPZ
***

Membro desde : 30/06/2010
Mensagens : 182
Pontos : 256

http://cyber.omeuforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por juninho_xd 30.08.10 7:37

UP UP UP.

também queria que funcionasse da seguinte maneira.

O membro so pode fazer outro pedido depois de 36 hrs.
Queria que funcionasse no seguinte fórum:

http://ex-games.livreforum.com/pedido-graficos-f18/

Versão do meu fórum: Phbb3

Por gentileza.
Obrigado.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por Mikáá 30.08.10 11:09

Olá Juninho,
Se quer o formulario fassa um topico para que o criem!

Olá JPZ.
O formulario do ddik é para a secçao grafica nao para a area escolar em seu forum.

Até mais.


Edit:

Spoiler:
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por ddik 30.08.10 12:33

juninho_xd escreveu:UP UP UP.

também queria que funcionasse da seguinte maneira.

O membro so pode fazer outro pedido depois de 36 hrs.
Queria que funcionasse no seguinte fórum:

http://ex-games.livreforum.com/pedido-graficos-f18/

Versão do meu fórum: Phbb3

Por gentileza.
Obrigado.


Aqui tem:
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';
         break;
      case '[Assinatura] ':
         tipob = 'Assinatura';
         break;
      case '[Userbar] ':
         tipob = 'Userbar';
         break;
      case '[Banner] ':
         tipob = 'Banner';
         break;
      case '[Logo] ':
         tipob = 'Logo';
         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 Set_Cookie( name, value, expires, path, domain, secure )
{
var today = new Date();
today.setTime( today.getTime() );

/*
if the expires variable is set, make the correct
expires time, the current script below will set
it for x number of days, to make it for hours,
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 36;
}
var expires_date = new Date( today.getTime() + (expires) );

document·cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}


jQuery(document).ready(function () {

p = true;
valhtml = "";
$.get('http://ajuda.forumeiros.com/criacoes-graficas-f71/',
   function(data) {
valhtml = data
      $(data).find('.span-tab a').each(
         function() {
            if($(this).html() == $(valhtml).find('#un a').html()) {
               p = false;
            } else {
               p = true;
            }
         })
   });

   if(parseInt(my_getcookie('fa_ajuda_forumeiros_com_cg')) !== 1 && p !== false) {
      jQuery('#form_pedidos_graficos').css('display', 'block');
      jQuery('#msg_erro').css('display', 'none');
   }
   else {
      jQuery('#form_pedidos_graficos').css('display', 'none');
      jQuery('#msg_erro').css('display', 'block');
   }
});

function fa_cookie() {
   Set_Cookie('fa_ajuda_forumeiros_com_cg', '1', 1);
}

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

<div id="form_pedidos_graficos">
<!-- Formulário dos pedidos -->
<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/-h2.htm">Galeria de trabalhos gráficos</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="http://ajuda.forumeiros.com/posting.forum" method="post" enctype="multipart/form-data" id="fa_form" onSubmit="fa_cookie();">
<fieldset class="fields1">

<dl><dt>
  <label>Tipo de pedido :</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" />
<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>
    <option value="[Imagem] ">Imagem em geral</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://2img.net/i/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://2img.net/i/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;"></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="18" />
<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>
<center><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></div>
</form>
</div>

<div id="msg_erro">
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span><h1 class="page-title">Informações</h1><p>Desculpe, somente pode fazer um pedido gráfico por dia! Terá de aguardar <b>exatamente</b> vinte e quatro horas desde seu último pedido. Esta medida é para manter a seção sempre organizada.</p><p>Lembre-se também que somente poderá fazer um novo pedido gráfico quando não houverem pedidos pendentes, ou seja, somente pode ter um pedido no fórum de "Criações gráficas" a cada vez.</p>

<p><a href="/-f19/">Voltar para o fórum de criações gráficas</a></p><span class="corners-bottom"><span></span></span></div></div>
</div>
<script>gerartitulo();</script>


JPZ escreveu:Gostaria que ele funcionasse no seguinte fórum: http://cyber.omeuforum.net/ajuda-escolar-f19/

Aqui tem:
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';
         break;
      case '[Assinatura] ':
         tipob = 'Assinatura';
         break;
      case '[Userbar] ':
         tipob = 'Userbar';
         break;
      case '[Banner] ':
         tipob = 'Banner';
         break;
      case '[Logo] ':
         tipob = 'Logo';
         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 Set_Cookie( name, value, expires, path, domain, secure )
{
var today = new Date();
today.setTime( today.getTime() );

/*
if the expires variable is set, make the correct
expires time, the current script below will set
it for x number of days, to make it for hours,
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );

document·cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}


jQuery(document).ready(function () {

p = true;
valhtml = "";
$.get('http://ajuda.forumeiros.com/criacoes-graficas-f71/',
   function(data) {
valhtml = data
      $(data).find('.span-tab a').each(
         function() {
            if($(this).html() == $(valhtml).find('#un a').html()) {
               p = false;
            } else {
               p = true;
            }
         })
   });

   if(parseInt(my_getcookie('fa_ajuda_forumeiros_com_cg')) !== 1 && p !== false) {
      jQuery('#form_pedidos_graficos').css('display', 'block');
      jQuery('#msg_erro').css('display', 'none');
   }
   else {
      jQuery('#form_pedidos_graficos').css('display', 'none');
      jQuery('#msg_erro').css('display', 'block');
   }
});

function fa_cookie() {
   Set_Cookie('fa_ajuda_forumeiros_com_cg', '1', 1);
}

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

<div id="form_pedidos_graficos">
<!-- Formulário dos pedidos -->
<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/-h2.htm">Galeria de trabalhos gráficos</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="http://ajuda.forumeiros.com/posting.forum" method="post" enctype="multipart/form-data" id="fa_form" onSubmit="fa_cookie();">
<fieldset class="fields1">

<dl><dt>
  <label>Tipo de pedido :</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" />
<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>
    <option value="[Imagem] ">Imagem em geral</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://2img.net/i/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://2img.net/i/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;"></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="19" />
<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>
<center><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></div>
</form>
</div>

<div id="msg_erro">
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span><h1 class="page-title">Informações</h1><p>Desculpe, somente pode fazer um pedido gráfico por dia! Terá de aguardar <b>exatamente</b> vinte e quatro horas desde seu último pedido. Esta medida é para manter a seção sempre organizada.</p><p>Lembre-se também que somente poderá fazer um novo pedido gráfico quando não houverem pedidos pendentes, ou seja, somente pode ter um pedido no fórum de "Criações gráficas" a cada vez.</p>

<p><a href="/-f19/">Voltar para o fórum de criações gráficas</a></p><span class="corners-bottom"><span></span></span></div></div>
</div>
<script>gerartitulo();</script>
ddik

ddik
Super Membro

Membro desde : 02/08/2009
Mensagens : 1787
Pontos : 2560

http://vilasims.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por JPZ 30.08.10 20:11

Modifiquei o código para adaptar as necessidades do fórum mas não funcionou.

O código é o seguinte:

Código retirado pelo autor

Há algum erro?

Edit: Testei seu código sem modificá-lo e não resultou D:


Última edição por JPZ em 01.09.10 19:25, editado 2 vez(es)
JPZ

JPZ
***

Membro desde : 30/06/2010
Mensagens : 182
Pontos : 256

http://cyber.omeuforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por JPZ 31.08.10 19:27

Muito complicado! Não consegui editar o código!

ddik, peço que crie um código personalizado para mim se possível, da maneira
desta página http://cyber.omeuforum.net/Ajuda-Escolar-h2.htm mas que funcione!

Gostria saber também onde e como pôr o código para seu correto funcionamento.
JPZ

JPZ
***

Membro desde : 30/06/2010
Mensagens : 182
Pontos : 256

http://cyber.omeuforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por juninho_xd 31.08.10 21:56

muito obrigado ddik
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por juninho_xd 31.08.10 22:22

OLá, não funcionou no meu fórum também
modifiquei o código:

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';
        break;
      case '[Assinatura] ':
        tipob = 'Assinatura';
        break;
      case '[Userbar] ':
        tipob = 'Userbar';
        break;
      case '[Banner] ':
        tipob = 'Banner';
        break;
      case '[Logo] ':
        tipob = 'Logo';
        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 Set_Cookie( name, value, expires, path, domain, secure )
{
var today = new Date();
today.setTime( today.getTime() );

/*
if the expires variable is set, make the correct
expires time, the current script below will set
it for x number of days, to make it for hours,
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 36;
}
var expires_date = new Date( today.getTime() + (expires) );

document·cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}


jQuery(document).ready(function () {

p = true;
valhtml = "";
$.get('http://ex-games.livreforum.com/pedido-graficos-f18/',
  function(data) {
valhtml = data
      $(data).find('.span-tab a').each(
        function() {
            if($(this).html() == $(valhtml).find('#un a').html()) {
              p = false;
            } else {
              p = true;
            }
        })
  });

  if(parseInt(my_getcookie('fa_ajuda_forumeiros_com_cg')) !== 1 && p !== false) {
      jQuery('#form_pedidos_graficos').css('display', 'block');
      jQuery('#msg_erro').css('display', 'none');
  }
  else {
      jQuery('#form_pedidos_graficos').css('display', 'none');
      jQuery('#msg_erro').css('display', 'block');
  }
});

function fa_cookie() {
  Set_Cookie('fa_ajuda_forumeiros_com_cg', '1', 1);
}

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

<div id="form_pedidos_graficos">
<!-- Formulário dos pedidos -->
<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://ex-games.livreforum.com/pedido-graficos-f18/">Galeria de trabalhos gráficos</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="http://ex-games.livreforum.com/posting.forum" method="post" enctype="multipart/form-data" id="fa_form" onSubmit="fa_cookie();">
<fieldset class="fields1">

<dl><dt>
  <label>Tipo de pedido :</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" />
<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>
    <option value="[Imagem] ">Imagem em geral</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://2img.net/i/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://2img.net/i/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;"></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="18" />
<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>
<center><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></div>
</form>
</div>

<div id="msg_erro">
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span><h1 class="page-title">Informações</h1><p>Desculpe, somente pode fazer um pedido gráfico por dia! Terá de aguardar <b>exatamente</b> vinte e quatro horas desde seu último pedido. Esta medida é para manter a seção sempre organizada.</p><p>Lembre-se também que somente poderá fazer um novo pedido gráfico quando não houverem pedidos pendentes, ou seja, somente pode ter um pedido no fórum de "Criações gráficas" a cada vez.</p>

<p><a href="/-f19/">Voltar para o fórum de criações gráficas</a></p><span class="corners-bottom"><span></span></span></div></div>
</div>
<script>gerartitulo();</script>



e também não funcionou.
Também gostaria que quando clicasse em novo tópico nesta secção: http://ex-games.livreforum.com/pedido-graficos-f18/ , automaticamente abrir a página de criação gráfica.
Obrigado.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por JPZ 01.09.10 18:04

Descobri que o erro era meu e o corrigi, mas quando clico em enviar pedido, aparece escrito que o tópico precisa de um título e de uma mensagem.
JPZ

JPZ
***

Membro desde : 30/06/2010
Mensagens : 182
Pontos : 256

http://cyber.omeuforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: [Resolvido] Código para criar tópicos com cachê igual ao da Seção Gráfica

Mensagem por JPZ 01.09.10 19:26

Podem fechar, já criei o código e resultou, mas obrigado por tentarem ajudar!
Feliz aniversário Feliz aniversário
JPZ

JPZ
***

Membro desde : 30/06/2010
Mensagens : 182
Pontos : 256

http://cyber.omeuforum.net

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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