[Resolvido] Código HTML para formulário

Olá,

Dúvida :
Olá, que código HTML é usado para fazer um formulário para criações gráficas tipo da forumeiros?
Código e onde coloca-lo.

Procedimentos que foram tentados para resolver :


Captura de tela (quando necessário) :


Até mais.

Boa tarde,

Poderia indicar-nos o endereço do fórum que deseja aplicar isso ?
Assim que responder, criarei o código e tutorial de formulário para sí.

Att, Needke

Boa tarde,
O seguinte código de formulário foi retirado daqui do FDF mas adaptado para seu fórum
(modificado por mim) caso não funcionar por favor diga-nos!



Em primeiro lugar, terá que criar uma nova página HTML em:
Painel de Controlo Módulos HTML Gestão das páginas HTML

Selecione no botão "Criar uma nova página HTML" e coloque isso:

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 == '') ? dimensaoA + ' x ' + dimensaoL + ' 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://mundonovo.cinebb.com/criacoes-graficas-f9/',
    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://mundonovo.cinebb.com/-t6.htm#7">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="http://mundonovo.cinebb.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>


<p><a href="http://mundonovo.cinebb.com/-f9/">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></div></div></div>

Coloque em Sim no campo "Você deseja utilizar o início e o final da página do seu fórum ?" e no outro campo coloque em Não no campo "Usar esta página como página inicial?".


Quando terminar isso, para que o script funcione terá que inicializar a página, ou seja, no campo "Descrição do Site" em Painel de Controlo Geral Fórum Configuração, esse código:

<script src="endereço-da-pagina"></script>

Modifique apenas o campo "endereço-da-pagina" pelo endereço completo da página criada descrita nos passos anteriores

Por exemplo:
<script src="http://www.mundonovo.cinebb.com/-h1.htm"></script>

Está funcionando?
Att, Needke[i]

Muito obrigado, resolvido, e com este formulário resolveu outro problema meu, um + para todas as suas mensagem deste tópico
Mas não estou cosseguindo adicionar uma imagem

E também nenhum usúario com mais de 30 mensagem pode apostar um tópico

seth's escreveu: Muito obrigado, resolvido, e com este formulário resolveu outro problema meu, um + para todas as suas mensagem deste tópico
Mas não estou cosseguindo adicionar uma imagem

Olá, não entendi o seu problema quanto à imagem!
Poderia mostrar-nos uma printscreen do problema, por favor?

seth's escreveu:E também nenhum usúario com mais de 30 mensagem pode apostar um tópico

Quanto à sua 2ª mensagem, terá que permitir que qualquer usuário com mais de 30 mensagens consiga criar tópicos no fórum!

Att, Needke

Bom para ir ao formulário tem que clicar em novo tópico?
Se for isso então fiz errado fui na pagina de códigos html criada e cliquei e ver. Ai copiei o url da página, e depois coloquei para os membros criarem um tópico.

Olá e como fazer para quando um membro clicar em area grafica > pedidos, ir direto a esta pagina html, e colo fazer funcionar, da forma que quando caba de preencher o formulário e clica em "Enviar seu pedido gráfco", obrigado desde já.

Então fiz isto para fazer um teste eu tenho mais de 30 mensagens e não consegui enviar meu pedido de testamento , aparece assim:
Delculpe, mas podem fazer pedidos gráficos.

E para adicionar uma imagem não dá certo

Ola.

Gostava de saver se alguem podia fazer-me um Formulario para © phpBB 3

Site; www.Sociedade-Portuguesa.com

Com os seguintes prenchimentos;

-> Nome:

-> Idade:

-> Localidade:

-> Algo Que Descreva:
________

Agredecia Muito Quem Me Ajuda-se ^^

Technik escreveu:Bom... isso eu não sei resolver.

Até mais.

Para que fazer posts como este?

Só está dando um UP, neste tópico. Ultimamente, venho olhado as mensagens recentes, e em todos você postou.
Só para escrever "Para mim funcionou, então...", E DAÍ?
Verifique o que irá escrever antes de postar.
------------------------------------------------------

Eu preciso de um para PUNBB...

E eu para © phpBB 3

:$

UP

Olá,

Não to percebe-do nada deste tópico...
Ismael7, é proibido dar up a menos de 24 horas.

Ate mais

Não estou entendendo este tópico também.
Muitos membros pedindo um formulário em um tópico só.
E não estou conseguindo resolver meu problema!

Amigo,para que vc faça o menu iqual ao criação graficas vá a:
Painel de ... Módulos Html Gestão das paginas html:
Bote o seguinte codigo html:
<style>
.previsu {
background: url('https://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(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#addimage .more { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
.image .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
.image .remove { float: left;background: url(https://2img.net/h/oi46.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(https://2img.net/h/oi46.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 == '') ? dimensaoA + ' x ' + dimensaoL + ' 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://mundonovo.cinebb.com/criacoes-graficas-f9/',
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://mundonovo.cinebb.com/-t6.htm#7">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="http://mundonovo.cinebb.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('https://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('https://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>


<p><a href="http://mundonovo.cinebb.com/-f9/">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></div></div></div>

Código:

[code]

[code]<style>
.previsu {
background: url('https://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(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#addimage .more { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
.image .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
.image .remove { float: left;background: url(https://2img.net/h/oi46.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(https://2img.net/h/oi46.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 == '') ? dimensaoA + ' x ' + dimensaoL + ' 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://mundonovo.cinebb.com/criacoes-graficas-f9/',
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://mundonovo.cinebb.com/-t6.htm#7">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="http://mundonovo.cinebb.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('https://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('https://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>


<p><a href="http://mundonovo.cinebb.com/-f9/">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></div></div></div>

Não percebi nada!

O que eu quero é que na secção de criações gráficas, quero que quando um membro clica em novo tópico, já aparecia o formulário