Formulário de Criações Gráficas

por Control' 04.12.10 18:21

Boa Tarde, Seria possível eu fazer em meu fórum um formulário que nem o que tem aqui quando vai fazer um pedido nas Criações Gráficas?
bom e se for possível e precisar colocar o código poderiam dizer aonde colocar o código??
Só isso! ^^

por Mikáá 04.12.10 18:33

Olá!
Primeiro de tudo terá de ter conhecimento sobre as funções de alguns códigos e painel de control! Isto tudo para saber onde colocar os códigos etc..
Mas aqui no FDF, nós dizemos tudo!

- Criar uma página HTML para suportar o formulário:
Para o nosso formulário será preciso criar uma página HTML personalizada. Lembre-se de que é preciso que ela tenha o topo e o fim do fórum, para que seja possível usar os recursos do jQuery, necessários no formulário. Dê à página o título que desejar, ele não terá efeitos neste momento. Para aprender a criar uma página HTML basta ler o seguinte tutorial: Criar uma página HTML personalizada

Se tiver um editor de códigos HTML será melhor ainda, pois eles irão guiá-lo na hora de fazer a parte visual como também na hora de criar os campos. Se estiver interessado em um, veja esta lista: Editores HTML.

Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

(carregue na imagem para aumentar)

Formulário de Criações Gráficas Untitl13

Título - Pode colocar o título que quiser para a página, não irá afetar em nada.

Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.

Usar esta página como página inicial? - esta também deverá estar marcada como não, apesar de que não influencia em nada o código.

Código HTML - Coloque aqui o código que trabalhamos no item anterior.

Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.

(carregue na imagem para aumentar)

Formulário de Criações Gráficas Untitl14

Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não elterou a ordem de exibição).

(carregue na imagem para aumentar)

Formulário:

Clique aqui para ver o código do seu formulário:

Deverá adicionar o formulário no campo 4 na explicação acima!

- Ativar o formulário nos fóruns desejados:[/b]
Agora deverá criar uma nova página HTML com o seguinte código:

jQuery(document).ready(function() {
if(window.location.href.match(/-f3/((?|#).+)?/)) {
jQuery(".i_post, #i_post").parent().attr('href', 'endereço da primeira página HTML com o formulário');
}
});

Deverá alterar o valor em vermelho para o fórum em que deverá aparecer o botão com esta nova função, o valor numérico pode ser obtido acessando o fórum em questão, verá que no final do endereço existe: -f4 por exemplo, neste caso deverá pegar o 4 e substituir!

No endereço da página deverá colocar o endereço da nova página que criamos para o formulário HTML, que deve estar salva. Feito isso agora temos que fazê-la funcionar em todo o fórum, para que quando o fórum ou o tópico pertecer ao fórum indicado o botão Novo terá a nova função. Para isso devemos copiar o endereço dessa nova página HTML que acabamos de criar que contém o código dos fóruns, provavelmente, se não criou outras páginas, ela será a -h2! Depois somente é necessário aceder a:
Painel de controle -> Geral -> Fórum -> Configuração

No campo descrição do site deverá adicionar antes de tudo o seguinte código, substituindo o que está em vermelho pelo link da página que criamos, que deve ser a -h2!

<script src="Endereço da página"></script>

Exemplo:

<script src="https://ajuda.forumeiros.com/testes-h2.htm"></script>

Alguma dúvida? Se sim, queira-nos colocar!

Até mais.

por Control' 04.12.10 19:31

não entendi uma coisa olha o seguinte código que você falou:

jQuery(document).ready(function() {
if(window.location.href.match(/-f3/((?|#).+)?/)) {
jQuery(".i_post, #i_post").parent().attr('href', 'endereço da primeira página HTML com o formulário');
}
});

eu não entendi a parte do endereço da primeira página HTML com o formulário poderia explicar por favor?

por Mikáá 04.12.10 19:35

Olá novamente,
Você criou o formulário, certo? Agora o que você tem de fazer é copiar o endereço (link) do formulário e colocar nesta zona a vermelho:

jQuery(document).ready(function() {
if(window.location.href.match(/-f39\/((\?|#).+)?/)) {
jQuery(".i_post").parent().attr('href', 'endereço da primeira página HTML com o formulário);
}
});

Mais alguma questão que queria colocar?

Até já.

por Control' 04.12.10 19:38

bom já coloquei o endereço, mais quando era para mim criar a primeira página HTML eu coloco aquele código gigantesco?

por Mikáá 04.12.10 19:39

Sim, é isso mesmo!

por Control' 04.12.10 19:51

eu fiz tudo isso mais não funcionou

por Mikáá 04.12.10 19:53

Mande-nos todos os códigos que utilizou e diga-nos também onde os colocou!

por Control' 04.12.10 19:58

na primeira página HTML que eu criei tem esse código:

Código:: <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 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">  <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="/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="[Menu] ">Menu de navegação</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; width: 500px;"></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="3" /> <input type="hidden" name="lt" value="0" /> <span class="corners-bottom"><span></span></span></div></div> <div class="panel"><div class="inner"><span class="corners-top"><span></span></span> <fieldset class="submit-buttons"><input value="Enviar seu pedido gráfico" type="submit" class="button1" name="post" /></fieldset> <span class="corners-bottom"><span></span></span></div></div> </form> </div> <script>gerartitulo();</script></div>

na segunda página HTML tem esse:

Código:: jQuery(document).ready(function() { if(window.location.href.match(/-f3/((?|#).+)?/)) { jQuery(".http://narutobr-rpgonline.forumeiros.com/admin/index.forum?part=modules&sub=html&mode=go_edit&page=1&extended_admin=1&sid=ece43007f4bf181240072c4814221004'); } });

depois coloquei o seguinte código:

Código:: <script src=http://narutobr-rpgonline.forumeiros.com/criacoes-graficas-f39/></script>

na parte : Geral Seta

Fórum

Configuração Seta

Descrição do Site.

é isso.

por Mikáá 05.12.10 7:22

Olá!
Na segunda páagina HTML está mal!

Substitui-a o codigo da segunda pagina html por este:

jQuery(document).ready(function() {
if(window.location.href.match(/-f39\/((\?|#).+)?/)) {
jQuery(".i_post").parent().attr('href', 'endereço da primeira página HTML com o formulário');
}
});

E na descrição do fórum é:

<script src=LINK DA 2 PAGINA HTML></script>

Até mais.

Edit:

O endereço das páginas HTML descobre-se assim como na imagem abaixo:

por Control' 05.12.10 13:29

Bom Dia, eu fiz isso mais ainda não funcionou.
mais eu fiquei pensando para aparecer o formulário tem que clicar em criar novo tópico ou é em outro lugar?

por Mikáá 05.12.10 13:31

Lamento, mas não pode dizer que fez tudo bem! Pois pode ver na sua segunda página HTML (que até me enviou o código..) que você meteu isto (no endereço):
http://narutobr-rpgonline.forumeiros.com/admin/index.forum?part=modules&sub=html&mode=go_edit&page=1&extended_admin=1&sid=ece43007f4bf181240072c4814221004

Isso não tem nada haver com isto:
Formulário de Criações Gráficas Untitl15

Compreende?

por Control' 05.12.10 13:44

sim mais agora eu fiz direito, e antes eu coloquei esse endereço que você falou por que eu pensei que fosse para copiar o link que fica no Browser.

Na primeira Página HTML tem o seguinte Código:

Código:: <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 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">  <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="/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="[Menu] ">Menu de navegação</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; width: 500px;"></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="3" /> <input type="hidden" name="lt" value="0" /> <span class="corners-bottom"><span></span></span></div></div> <div class="panel"><div class="inner"><span class="corners-top"><span></span></span> <fieldset class="submit-buttons"><input value="Enviar seu pedido gráfico" type="submit" class="button1" name="post" /></fieldset> <span class="corners-bottom"><span></span></span></div></div> </form> </div> <script>gerartitulo();</script></div>

Na segunda página HTML:

Código:: jQuery(document).ready(function() { if(window.location.href.match(/-f39\/((\?|#).+)?/)) { jQuery(".i_post").parent().attr('href', 'http://narutobr-rpgonline.forumeiros.com/Formulario-de-Criacoes-Graficas-h1.htm'); } });

na descrição do site:

Código:: <script src=http://narutobr-rpgonline.forumeiros.com/Criacoes-Graficas-h2.htm></script>

por Mikáá 05.12.10 13:48

Olá novamente,

Agora sim! Está ali é um pequeno erro no formulário!

Veja agora:

Código:: <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 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">  <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="/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="[Menu] ">Menu de navegação</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; width: 500px;"></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="39" /> <input type="hidden" name="lt" value="0" /> <span class="corners-bottom"><span></span></span></div></div> <div class="panel"><div class="inner"><span class="corners-top"><span></span></span> <fieldset class="submit-buttons"><input value="Enviar seu pedido gráfico" type="submit" class="button1" name="post" /></fieldset> <span class="corners-bottom"><span></span></span></div></div> </form> </div>

Até mais.

por Control' 05.12.10 13:51

eu coloquei este código que você mandou agora na primeira página HTML, e não funcionou D:
para o formulário aparecer eu clico em novo tópico né?

por Mikáá 05.12.10 13:51

Sim! Teria de aparecer

por Control' 05.12.10 13:56

eu coloquei o código mais recente que você andou mais olha quando eu clico em novo tópico só aparece para mandar um mensagem normal. olha o printscreen.

por Mikáá 05.12.10 13:59

Ou você não fez como eu disse, ou então nos colocamos o formulário noutro lugar do seu fórum! Mande-me o endereço onde quer que o formulário funcione sff...

por Control' 05.12.10 14:00

esse:
http://narutobr-rpgonline.forumeiros.com/criacoes-graficas-f39/

por Mikáá 05.12.10 14:03

Sendo assim está a fazer mal os passos que indiquei! Expliquei tudo, o que não percebeu? Posso tentar ser mais explícito...

por Control' 05.12.10 14:07

Eu fiz tudo isso mais no que eu errei se quiser eu te mando os códigos que usei e onde os coloquei novamente, mais não sei onde errei D:

por Mikáá 05.12.10 14:12

Então fazemos assim! Mande-me tudo o que usou para colocar o formulário a funcionar! E também não se esqueça de me dizer os colocou os códigos e de me enviar o link das páginas HTML!

por Control' 05.12.10 14:17

Ok vamos começar:

Primeira Página HTML que fiz usei o seguindo código:

Código:: <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 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">  <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="/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="[Menu] ">Menu de navegação</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; width: 500px;"></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="39" /> <input type="hidden" name="lt" value="0" /> <span class="corners-bottom"><span></span></span></div></div> <div class="panel"><div class="inner"><span class="corners-top"><span></span></span> <fieldset class="submit-buttons"><input value="Enviar seu pedido gráfico" type="submit" class="button1" name="post" /></fieldset> <span class="corners-bottom"><span></span></span></div></div> </form> </div>

Link da Página HTML:http://narutobr-rpgonline.forumeiros.com/Formulario-de-Criacoes-Graficas-h1.htm

Segunda Página HTML que fiz usei o seguinte código:

Código:: jQuery(document).ready(function() { if(window.location.href.match(/-f39\/((\?|#).+)?/)) { jQuery(".i_post").parent().attr('href', 'http://narutobr-rpgonline.forumeiros.com/Formulario-de-Criacoes-Graficas-h1.htm'); } });

Link da Página HTML:http://narutobr-rpgonline.forumeiros.com/Criacoes-Graficas-h2.htm

Na descrição do Site coloquei o seguinte código:

Código:: <script src=http://narutobr-rpgonline.forumeiros.com/Criacoes-Graficas-h2.htm></script>

Bom foi isso.

por Mikáá 05.12.10 14:22

Quanto ao formulário, peço que vai-a as configurações da sua página HTML e procure por: Você deseja utilizar o início e o final da página do seu fórum ? e masque SIM

Se não der, tente colocar este código na descrição do seu fórum! (apague o que tinha anteriormente)

Código:: <script src=/-h2.htm></script>

Vamos ver se resulta...

por Control' 05.12.10 14:27

eu coloco algum link neste codigo?

Código:: <script src=/-h2.htm></script>

por Mikáá 05.12.10 14:31

Não

por Control' 05.12.10 14:32

Eu fiz o que você falou mais não funcionou, e era para mim marcar sim nas duas páginas HTML?
se for eu marquei nas duas!

por Mikáá 05.12.10 14:33

Não! Eu disse para marcar só na primeira!

por Control' 05.12.10 14:35

Pronto eu modifiquei coloquei só na primeira e não deu certo D:

por Mikáá 05.12.10 14:39

Tente este formulário:

Código:: <script> function gerartitulo() { var tipo = document.getElementById("tipo").value; 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); } imagensdopedido = ''; function addimg() { imagensdopedido = imagensdopedido + document.getElementById("imagens").value + " , "; document.getElementById("imagens").value = ""; document.getElementById("imagens").focus(); } function gerarpedido() { 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; finalmessage = '[b\]Imagens a serem usadas :[/b\] ' + imagensdopedido + '\n [b\]Dimensões :[/b\] ' + dimensaoA + 'px X ' + dimensaoL + 'px\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(); } </script> <div id="form_pedidos_graficos">  <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 formulário em baixo foi criado de forma a puder organizar melhor a forma como são feitos os pedidos gráficos. Selecione as opções que pretende para o seu tópico. </p><span class="corners-bottom"><span></span></span> </div> </div><div class="clear" style="height: 6px;"></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Informações gerais</div> <form action="/posting.forum" method="post" enctype="multipart/form-data" name="fa_form" id="fa_form" onsubmit="verificaForm();"> <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. <input class="inputbox" type="text" id="imagens" tabindex="5" onChange="gerarpedido();" style="clear: both;" /> <a href="javascript: addimg();"><img src="http://2img.net/i/fa/fdf3/plus10.png" /></a></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="6" onChange="gerarpedido();" style="width: 30px; clear: both;" /> px (altura) </dd></dl> <dl><dt> <label>Cor do fundo :</label></dt> <dd>Código hexadecimal ou nome da cor que será usada no fundo do pedido. <a onclick="(document.getElementById('colorsel1').style.display == 'none') ? document.getElementById('colorsel1').style.display = 'block' : document.getElementById('colorsel1').style.display = 'none'" href="javascript:">Exibir/ocultar seletor de cores hexadecimal</a> <input class="inputbox" type="text" id="fundo" tabindex="6" onChange="gerarpedido();" style="width: 300px; clear: both;" /> </dd></dl> <center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.2createawebsite.com/build/color.swf" width="500" height="450" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" style="display: none;" id="colorsel1"></embed></center> <dl><dt> <label>Cor da fonte :</label></dt> <dd>Código hexadecimal ou nome da cor que será usada na fonte do pedido. <a onclick="(document.getElementById('colorsel2').style.display == 'none') ? document.getElementById('colorsel2').style.display = 'block' : document.getElementById('colorsel2').style.display = 'none'" href="javascript:">Exibir/ocultar seletor de cores hexadecimal</a> <input class="inputbox" type="text" id="fontecor" tabindex="7" onChange="gerarpedido();" style="width: 300px; clear: both;" /> </dd></dl> <center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.2createawebsite.com/build/color.swf" width="500" height="450" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" style="display: none;" id="colorsel2"></embed></center> <dl><dt> <label>Fonte :</label></dt><dd><select id="fonte" tabindex="8" 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="9" 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="9" 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="11" 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="39" /> <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" /></center></fieldset> <span class="corners-bottom"><span></span></span></div></div> </form> </div>

por Control' 05.12.10 15:21

Não deu D:

por Control' 06.12.10 0:38

Boa Noite, desculpe pelo duplo post mais só vim falar que arranjei outro jeito de fazer criações gráfis ^^
(Resolvido)

Formulário de Criações Gráficas

Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas

Re: Formulário de Criações Gráficas