Código da secção gráfica

2 participantes

Ir para baixo

Tópico resolvido Código da secção gráfica

Mensagem por juninho_xd 08.01.11 3:48

Qual é sua questão:
Olá pessoal, estou a mais de mês tentando configura a seção de pedidos gráficos do meu fórum, igual o da fdf que tem na seção grafica, mais não quer funcionar de jeito nenhum!

Ja até peguei o código, mais não estou consseguindo trabalhar nele!



Que medidas você tomou para corrigir o problema:
Ja tentei configurar o código com pro meu fórum!

O código que trabalhei foi esse:

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">
<!-- Formulário dos pedidos -->
<h1 class="page-title">Formulário de pedidos gráficos</h1>
<div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
  <div class="h3" style="margin-top: 7px;">Sobre o formulário</div>
  <p style="font-size: 12px;">O 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="84" />
<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>


Apresente-nos imagens do problema (se necessário):
juninho_xd
juninho_xd
Membro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da secção gráfica

Mensagem por Cristian 95 08.01.11 5:13

Ola..

Spoiler:

resolve???
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da secção gráfica

Mensagem por juninho_xd 08.01.11 5:20

Olá, ainda não, eu clico em pedidos graficos
e n aparece nenhum formulario!
juninho_xd
juninho_xd
Membro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da secção gráfica

Mensagem por Cristian 95 08.01.11 5:25

a claro.. agora vou melhorar, esqueci de avise (sempre esqueço)

Spoiler:

Mude o'que está de vermelho pra area do seu fórum..

terá lá no link da pagina http://nome-do-seu-fórum.forumeiros.com/fX-criações-graficas

esse X é o numero da página lá no seu fórum, pegue ele e altere o "59" lá no código.
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da secção gráfica

Mensagem por juninho_xd 09.01.11 2:21

Blz, mais funciona sem eu coloca o script em descrição?

é por que eu tenho uma rádio em descrições, e não cabe os 2 juntos;

Tem outra forma, ou entao muda a radio, faze com que ela fique em todas as paginas, ou coisa semelhante?

Se tiver por favor me ajude!
juninho_xd
juninho_xd
Membro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Código da secção gráfica

Mensagem por Convidad 10.01.11 3:58

Bom dia,

Sugiro que leia o seguinte tutorial:
https://ajuda.forumeiros.com/t35148-tutorial-formulario-de-postagens

Além das configurações mencionadas acima, deverá criar o código citado no ponto 6 do tutorial, que fará com que o formulário apareça nos fóruns que você deseja.

Abraços querido.
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Código da secção gráfica

Mensagem por juninho_xd 10.01.11 6:23

Conssegui!

Obrigado mesmo!
juninho_xd
juninho_xd
Membro

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

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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