Formulário de pedidos gráficos

+2
Ace
Venancio Mattos
6 participantes

Ir para baixo

Tópico resolvido Formulário de pedidos gráficos

Mensagem por Venancio Mattos 15.02.13 17:34

Qual é minha questão:
Ola Amigos Do Forumeiros queria saber se Tem como

Me Ajuda em uma Duvida

Eu Queria colocar Essa Gestal para Facilita para os Designer do meu Fórum
Atender os Pedidos

Printi
Formulário de pedidos gráficos 2nltrm9

Aguardo Respostas

Endereço do meu fórum:
http://replicagames.net.ms

Versão do fórum:
PHPBB3
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Ace 15.02.13 17:39

Olá,

Queira ter em mente que nos forneceremos o código, mas a edição é por sua conta, a partir do momento que não oferecemos mais suporte a Formulários.

Código:
<div id="main-content"><br><style>
.previsu {
 background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
 border: 1px solid #1675BC;
 display: none;
 position: absolute;
 top: 350px;
 margin: auto;
 margin-left: 150px !important;
}
 .previsuimg {
 position: relative;
 }
 .previsuimg div {
 position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9);
 }


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

 .image { width: 300px; }

</style>

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

gerartitulo();
gerarpedido();

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

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

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


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

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

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


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

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

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

 <option value=" "></option>

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

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

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

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

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


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

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

<dl><dt>

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

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

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

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

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

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


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

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

<fieldset class="fields1">

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

<dd>Código hexadecimal da cor que deverá ser usada :<br>
 <input type="text"  tabindex="9" onChange="gerarpedido();" class="inputbox color champ" value="FFFFFF" id="fundo" name="couleur_fond" maxlength="7" onblur="this.style.borderColor='#FFFFFF'" onfocus="this.style.borderColor='#FFFFFF'" style="width: 70px; background: url('http://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;">Deseja alguma mensagem escrita na imagem? Se sim, não se esqueça de citar aqui!</textarea></dd></dl>

</fieldset>

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


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


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

Até Mais.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 15.02.13 19:47

Onde Adiciono Só fala isso
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Ace 15.02.13 19:49

Olá,

Em uma nova página HTML.

Até Mais.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 15.02.13 19:54

vlw
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Nox_ 15.02.13 20:29

Ace sou seu fan *-*
Nox_
Nox_
**

Membro desde : 09/02/2013
Mensagens : 81
Pontos : 110

http://www.easygames.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por RoxLindo 16.02.13 10:13

Sinceramente, não consigo adicionar isso de forma alguma, toda vez que tento, da... Desculpe, apenas podem colocar tópicos neste fórum... Já busquei várias ajudaaas, pelo amor de Deus cara, me ajudem ae?
RoxLindo
RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 16.02.13 11:20

Tm bem Não Consigo ^^
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por RodrigoNunes 16.02.13 11:55

Venancio, crie uma página HTML e coloque o seguinte código:
Código:
<html>
<head></head>
<body>
<script>function gerarf() {jQuery('[name="f"]').val( '18' );jQuery('[name="subject"]').val( 'Edite o título' );jQuery('[name="description"]').val( '' );jQuery('[name="message"]').val('<strong>Tipo</strong>:'+jQuery("#1").val()+'<br><strong>Quantidade</strong>:'+jQuery("#3").val()+'<br><strong>Render a ser utilizada</strong>:'+jQuery("#4").val()+'<br><strong>Efeitos </strong>:'+jQuery("#5").val()+'<br><strong>Cor da fonte</strong>:'+jQuery("#6").val()+'<br>' );}</script>
<form action="/posting.forum" method="post" enctype="multipart/form-data"><div class="campo-corpo campo-adicionado"><label>Tipo <select id="1" class=" prev"><option value="Avatar">Avatar</option><option value=" Sign"> Sign</option><option value=" FanBar"> FanBar</option></select> </label>  <br></div><div class="campo-corpo campo-removido" style="display: none;"><label>Quantidade <textarea id="2" class=" prev">Limite: 3. Obs: 1 de cada</textarea> </label>  <br></div><div class="campo-corpo campo-adicionado"><label>Quantidade <input type="text" id="3" value="Limite: 3. Obs: 1 de cada" class=" prev"></label>  <br></div><div class="campo-corpo campo-adicionado"><label>Render a ser utilizada <input type="text" id="4" value="Digite aqui o link da render" class=" prev"></label>  <br></div><div class="campo-corpo campo-adicionado"><label>Efeitos  <input type="text" id="5" value="Digite aqui o efeito a ser utilizado" class=" prev"></label>  <br></div><div class="campo-corpo campo-adicionado"><label>Cor da fonte <input type="text" id="6" value="Código hexadecimal da cor que deverá ser usada" class=" prev"></label>  <br></div>
<input type="hidden" name="f" value="1" />
<input type="hidden" name="subject"  />
<input type="hidden" name="description"  />
<input type="hidden" name="message" /><input type="hidden" name="mode" value="newtopic" /><input type="hidden" name="lt" value="0" />
<input type="submit" name="preview" class="button2" value="Enviar Pedido" onClick="gerarf();" />
</form>
</body></html>

Formulário de pedidos gráficos 2s9xixz

Depois vá em geral, fórum, configuração. Em descrição do site adicione isso:
Código:
<script src=hNumero da categoria->Link da página HTML criada</script>

Veja o resultado em meu fórum: http://darkgames.forumeiros.com/f18-pedidos
RodrigoNunes
RodrigoNunes
***

Membro desde : 16/09/2012
Mensagens : 130
Pontos : 184

http://darkgames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 16.02.13 15:21

Desculpa Fala Mias não Resulto Não sei pq

Rodrigo pode Passar Suporte no Sit para min Até
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por RoxLindo 18.02.13 0:23

Amigo, já descobri o problema, o código do formulário que está colocando, está errado. Consiga um formulário correto e vai conseguir!
RoxLindo
RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 18.02.13 13:52

Pode me Manda esse Formulário Por favor ?
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por RoxLindo 18.02.13 14:26

Seguinte, você cria um pagina em HTML e posta o Formulario!

Dps você cria outra pagina em HTML com a configuração!

Dps você edita a Descrição do fórum com o código e nesse código você simplesmente configurar, assim:



Configuração:

Código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=AQUI É O NUMERO DO FORUM QUE QUER QUE ENTRE O FORMULARIO&mode=newtopic"]').attr('href', '/hAQUI O NUMERO DA PAGINA HTML DO FORMULARIO QUE VOCE CRIOU-');
});

Formulário: (QUANDO FOR CRIAR A PAGINA, MARQUE SIM NA OPÇÃO: Você deseja utilizar o início e o final da página do seu fórum ?)
Código:
<div id="main-content"><br><style>
.previsu {
background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
border: 1px solid #1675BC;
display: none;
position: absolute;
top: 350px;
margin: auto;
margin-left: 150px !important;
}
.previsuimg {
position: relative;
}
.previsuimg div {
position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9);
}


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

.image { width: 300px; }

</style>

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

gerartitulo();
gerarpedido();

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

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

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


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

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

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


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

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

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

<option value=" "></option>

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

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

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

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

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


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

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

<dl><dt>

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

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

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

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

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

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


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

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

<fieldset class="fields1">

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

<dd>Código hexadecimal da cor que deverá ser usada :<br>
<input type="text"  tabindex="9" onChange="gerarpedido();" class="inputbox color champ" value="FFFFFF" id="fundo" name="couleur_fond" maxlength="7" onblur="this.style.borderColor='#FFFFFF'" onfocus="this.style.borderColor='#FFFFFF'" style="width: 70px; background: url('http://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;">Deseja alguma mensagem escrita na imagem? Se sim, não se esqueça de citar aqui!</textarea></dd></dl>

</fieldset>

<input type="hidden" name="message" />
<input type="hidden" name="subject" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="AQUI O NUMERO DO FORUM QUE QUER QUE O FORMULARIO FUNCIONE" />
<input type="hidden" name="lt" value="0" />


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


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

Código para por na descrição:

Código:
<script src=hID DA PAGINA EM HTML QUE VOCE CRIOU, DA CONFIGURAÇAO->LINK DA PAGINA EM HTM QUE VOCE CRIOU, DO FORMULARIO</script>

Exemplo:
Código:
<script src=h2->www.seuforumeiro.forumeiros.com/h1-formulario</script>


Bom, tentei explicar da forma mais prática possível, se ainda não entender, me mande uma MP, que eu farei um tutorial em vídeo de como colocar isso no seu fórum!
RoxLindo
RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Mafioso 18.02.13 14:47

Com isso você irá consegui use essa página como sua página HTML
Código:
 <div id="main-content"><br><style>
.previsu {
background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
border: 1px solid #1675BC;
display: none;
position: absolute;
top: 350px;
margin: auto;
margin-left: 150px !important;
}
.previsuimg {
position: relative;
}
.previsuimg div {
position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9);
}


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

.image { width: 300px; }

</style>

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

gerartitulo();
gerarpedido();

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

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

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


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

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

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


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

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

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

<option value=" "></option>

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

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

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

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

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


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

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

<dl><dt>

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

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

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

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

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

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


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

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

<fieldset class="fields1">

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

<dd>Código hexadecimal da cor que deverá ser usada :<br>
<input type="text"  tabindex="9" onChange="gerarpedido();" class="inputbox color champ" value="FFFFFF" id="fundo" name="couleur_fond" maxlength="7" onblur="this.style.borderColor='#FFFFFF'" onfocus="this.style.borderColor='#FFFFFF'" style="width: 70px; background: url('http://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;">Deseja alguma mensagem escrita na imagem? Se sim, não se esqueça de citar aqui!</textarea></dd></dl>

</fieldset>

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


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


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


PA - Modulos - Gestão de páginas HTML - Criar uma nova página HTML Coloque o Título depois marque a opção Você deseja utilizar o início e o final da página do seu fórum ? Sim. e depois a outra marque Não.

Depois é só colocar o código HTML, aí depois vai ter umas linhas na página HTML assim

jQuery('input[name="f"]').val('17');

o número 17 é o que você tem que mudar em todas as linhas, você muda pelo ID do fórum que você quer que o seu formulário funcione, tipo assim.
https://ajuda.forumeiros.com/f27-questoes-sobre-funcoes-do-forum-creditos-e-dominios

Nesse caso é o 27 que vem logo depois do " F " logo depois de fazer isso, vá no fim do seu formulário vai ter um paragrafo vai ser esse.


Spoiler:

Você muda o número 17 pelo número do seu fórum. Pronto e salve, logo depois crie outra página HTML com esse código.

Spoiler:



o número em verde é o que você colocou o ID do seu fórum que vai pegar, aí você muda no meu fórum é o id 3 aí você muda pra o qual seu é, e o número de vermelho é o número da página HTML no meu caso era a 5 aí você muda, caso não tenha página nem uma, só uma, coloque o número 1, logo apois você vai em PA - Geral - Fórum - Configuração - Descrição do Site* coloque esse código

Spoiler:



Feito isso seu formulário vai pegar legalzinho, caso tenha dúvida vá nesse tópico com o mesmo assunto.
https://ajuda.forumeiros.com/t75382-


Esse post do iTunnez Love tá meio zuado kk'

Mafioso
Mafioso
Membro

Membro desde : 13/11/2012
Mensagens : 707
Pontos : 903

http://www.brasilplaycity.com.br/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por RoxLindo 18.02.13 16:52

Tnc Mafioso rs' Foi assim que consegui colocar besta :S lkkk
RoxLindo
RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 18.02.13 20:08

ainda Nada ;C O Do Mafioso Não Entendi Nada ;D
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Mafioso 18.02.13 22:30

Quanto é seu QI ? --' si tu não entendeu é pq tá sal pra teu lado leia esse tópico
https://ajuda.forumeiros.com/t75382-
Mafioso
Mafioso
Membro

Membro desde : 13/11/2012
Mensagens : 707
Pontos : 903

http://www.brasilplaycity.com.br/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por RoxLindo 19.02.13 9:05

Mafioso, realmente é um processo complicado cara, pq por mais que você siga os passos corretos, até essa censurado funcionar é censurado! :S
RoxLindo
RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 19.02.13 17:43

Fis Tudo Serinho Mais Nada Mafioso Poderia ir no meu Fórum e Colocar para min ?
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Mafioso 19.02.13 22:36

Sim, mi passa a senha de adm e o nick pelo msg pvt
Mafioso
Mafioso
Membro

Membro desde : 13/11/2012
Mensagens : 707
Pontos : 903

http://www.brasilplaycity.com.br/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por RodrigoNunes 20.02.13 18:35

A forumeiros.com não recomenda que ninguém compartilhe sua senha administrativa e não se responsabiliza por nada também ^^
RodrigoNunes
RodrigoNunes
***

Membro desde : 16/09/2012
Mensagens : 130
Pontos : 184

http://darkgames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 22.02.13 13:56

Nem Vou passar acha que sou censurado Tenho 3016 Membros no meu Fórum !!
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Mafioso 22.02.13 15:58

Ok, não sei outro jeito de ti explicar.
Mafioso
Mafioso
Membro

Membro desde : 13/11/2012
Mensagens : 707
Pontos : 903

http://www.brasilplaycity.com.br/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por RodrigoNunes 22.02.13 21:38

Muito simples cara, é só ele criar uma acc temporária e te dar, com um prazo de 10 minutos. Depois disso ele remove o cargo da acc e troca a senha dele.
Qualquer coisa estamos todos de prova kk
RodrigoNunes
RodrigoNunes
***

Membro desde : 16/09/2012
Mensagens : 130
Pontos : 184

http://darkgames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 23.02.13 13:52

Boa Ideia Rodriga !!
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por RodrigoNunes 23.02.13 15:02

Cara, meu nome é Rodrigo.
Se vocês vão fazer isso então não precisarei ir ao seu fórum para te ajudar certo?

Pode trancar aqui?
RodrigoNunes
RodrigoNunes
***

Membro desde : 16/09/2012
Mensagens : 130
Pontos : 184

http://darkgames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de pedidos gráficos

Mensagem por Venancio Mattos 23.02.13 19:40

vlw Rodrigo pela ajuda !!
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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