Formulário de criações gráficas Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Formulário de criações gráficas

2 participantes

Ir para baixo

Tópico resolvido Formulário de criações gráficas

Mensagem por ~Dark 21.05.11 21:53

Qual é sua questão:
Fiz meu formulário e ficou assim:
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 '[Background] ':
tipob = 'Background';
break;
case '[Tags] ':
tipob = 'Tags';
break;
case '[Banner] ':
tipob = 'Banner';
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 == "[Background] " || tipo == "[Tags] " || tipo == "[Banner] ") {
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">
<!-- 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="h1" style="margin-top: 7px;">Sobre o formulário</div>
<p style="font-size: 12px;">O formulário é da área GFX do clan Power Katon (BR), este tópico será criado na área de "Avatares", se for outro pedido o tópico será movido sem problemas.

</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="h1" 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="[Background] ">Background</option>
<option value="[Tags] ">Tags</option>
<option value="[Banners] ">Banners</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="75 x 75 px">75 x 75 px</option>
<option value="150 x 300 px">150 x 300 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="Background">
<option value="770 x 560 px">770 x 560 px</option>

</optgroup>
<optgroup label="Tags">
<option value="80 x 150 px">80 x 1500 px</option>
<option value="80 x 160 px">80 x 160 px</option>

</optgroup>
<optgroup label="Banner">
<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>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="46" />
<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>
Link do formulário: http://powerkaton.forumclan.com/h1-

Código:
jQuery(document).ready(function() {
if(window.location.href.match(/-f46/((?|#).+)?/)) {
jQuery(".i_post, #i_post").parent().attr('href', 'http://powerkaton.forumclan.com/h1-formulario');
}
});
Link do JQuery: http://powerkaton.forumclan.com/h2-

Erro: Bom fui em Geral > Forum > Configuração > Modifiquei a descrição para:
Código:
<script src=http://powerkaton.forumclan.com/h2-jquery></script>

Só que o "f46" que é o forum que eu quero que o formulario apareça, quando eu clico em "Novo" não aparece o forumulário, quando eu vou no link do formulário (imagem) aparece a criação de um tópico normal (nao q isso seja um problema mas se der pra mudar ajuda um pouco).

Imagem:
Formulário de criações gráficas 2s0yc5w

Que medidas você tomou para corrigir o problema:
Baixei o PHP Editor 2.22 - Beta 2 mas não sei mexer. xD
Olhei alguns tutoriais da Forumeiros. O Tutorial do Byte e do Spolkis mas ainda fiquei boiando legal.

Lembrando: Forum que eu quero se chama : 46 ou seja f46.

Versão: Phpbb3
~Dark
~Dark
Novo Membro

Membro desde : 24/04/2011
Mensagens : 29
Pontos : 47

http://prknclanbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de criações gráficas

Mensagem por Dury 22.05.11 2:01

Olá,

Leia este tópico: https://ajuda.forumeiros.com/-t41300.html
Este tópico tem informações que necessita, e links internos para uma breve busca.

Até mais!
Piscada
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de criações gráficas

Mensagem por ~Dark 22.05.11 22:44

Muito Obrigado, agora só falta uma coisa, quando eu clico em Enviar aparece outra tela para criar um tópico, o tópico não é criado automaticamente depois de terminar de preencher o forumulário entende? Por que isso acontece?
~Dark
~Dark
Novo Membro

Membro desde : 24/04/2011
Mensagens : 29
Pontos : 47

http://prknclanbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de criações gráficas

Mensagem por Dury 06.06.11 14:59

Olá e desculpe-me pela demora.

Apartir do momento em que clica em enviar, formulário aparece no campo de criação de tópico?

Poderia nos mostrar uma Print Screen SysRq do momento para que seja possível dar-lhe uma resposta mais concreta?
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

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