GameZer Online


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1[pedido] Formulário de postagem  Empty [pedido] Formulário de postagem Sex Dez 07, 2012 2:42 pm

Max][Kyle

Max][Kyle
Olá eu queria dizer que to de volta e que o fórum fico muito bonito, meu pedido é um formulário de postagem um pouco complexo, eu quero o formulário com um botão que quando clique apareça mais opções como o de pedido gráfico.

Formulário:

Nome da skin: "Campo de texto normal com uma largura um pouquinho grande"
URL Hitskin?: "Campo de escolha: (opções: Sim - Não)"
Créditos: "campo de texto normal"

Tutorial: "centralizado e grande separado do campos acima (ainda no formulário)

Passo 1: "campo de escolha: (opções: Teste (deixa só com uma opção eu mesmo coloco o resto por que são muitas))"

Adicionar passo - remover passo "quando clicar em adicionar passo o passo 2 é adicionado e assim sucessivamente" (ainda no formulário)

é isso como eu disse é um pouco complexo

2[pedido] Formulário de postagem  Empty Re: [pedido] Formulário de postagem Sex Dez 07, 2012 2:54 pm

Admin

Admin

Olá, igual o outro pedido, já eu não sei fazer esse efeito. Então não tem data de entrega.

3[pedido] Formulário de postagem  Empty Re: [pedido] Formulário de postagem Sex Dez 07, 2012 2:56 pm

Quakeline

Quakeline
Olá,

Não entendi muito o efeito poderia explicar um pouco melhor para mim ?

Até

4[pedido] Formulário de postagem  Empty Re: [pedido] Formulário de postagem Sáb Dez 08, 2012 1:47 pm

Max][Kyle

Max][Kyle
@Coper escreveu:Olá,

Não entendi muito o efeito poderia explicar um pouco melhor para mim ?

Até

o que exatamente você não intendeu?

5[pedido] Formulário de postagem  Empty Re: [pedido] Formulário de postagem Sáb Dez 08, 2012 1:53 pm

Quakeline

Quakeline
Olá,

Você quer um formulário normal com as opções de escrever ou quer algo a mais isso que nao entendi

Até

6[pedido] Formulário de postagem  Empty Re: [pedido] Formulário de postagem Dom Dez 09, 2012 9:37 am

Max][Kyle

Max][Kyle
eu quero um formulário com dois quadros no quadro de cima esses campos:
Nome da skin: "Campo de texto normal com uma largura um pouquinho grande"
URL Hitskin?: "Campo de escolha: (opções: Sim - Não)"
Créditos: "campo de texto normal"

o segundo quadro eu quero parecido com o formulário de tutoriais do ajuda.forumeiros assim:
Passo 1: "campo de escolha: (opções: Teste (deixa só com uma opção eu mesmo coloco o resto por que são muitas))"

Adicionar passo - remover passo "quando clicar em adicionar passo o passo 2 é adicionado e assim sucessivamente" (ainda no formulário)

entendeu?

7[pedido] Formulário de postagem  Empty Re: [pedido] Formulário de postagem Dom Dez 09, 2012 12:34 pm

Quakeline

Quakeline
Olá,

Estarei fazendo o formulário

Até

8[pedido] Formulário de postagem  Empty Re: [pedido] Formulário de postagem Dom Dez 09, 2012 12:57 pm

Quakeline

Quakeline
Olá,

Aqui esta o seu formulário
Código:

<div id="main"><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('39');
 break;
 case '[Assinatura] ':
 tipob = 'Assinatura';
  jQuery('input[name="f"]').val('39');
 break;
 case '[Userbar] ':
 tipob = 'Userbar';
  jQuery('input[name="f"]').val('39');
 break;
 case '[Banner] ':
 tipob = 'Banner';
  jQuery('input[name="f"]').val('39');
 break;
 case '[Logo] ':
 tipob = 'Logo';
  jQuery('input[name="f"]').val('39');
 break;

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

case '[Outros] ':
case '[Imagem] ':
jQuery('input[name="f"]').val('39');
 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</h1>
 <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
 <div class="h3" style="margin-top: 7px;"></div>
 <p style="font-size: 12px;"><a href=""></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>Nome da skin:</label></dt><dd><br>
 <input class="inputbox" type="text" id="urlforum" tabindex="8" onchange="gerarpedido();" style="width: 300px; clear: both;">
 </dd></dl>

<dl><dt>
 <label>URL Hitskin? :</label></dt><dd><select id="tipo" tabindex="1" onchange="gerartitulo();" name="tipoPedido">
 <option value=""></option>
 <option value="[Sim] ">Sim</option>
 <option value="[Não] ">Não</option>
 </select></dd></dl>

<dl><dt>


  <label>Créditos</label></dt><dd><br>
 <input class="inputbox" type="text" id="urlforum" tabindex="8" onchange="gerarpedido();" style="width: 300px; clear: both;">
 </dd></dl>


 <span class="corners-bottom"><span></span></span></form></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>Adicionar passo :</label></dt>

 <dd>
 <table>
 <tbody><tr class="image zebraDois"><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))" style="display: none; "></div><div class="previsuimg"><div></div></div></td></tr><tr id="addimage" class="zebraUm">
 <td class="part"></td>
 <td>
 <div class="more" onclick="addimg()"></div>

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


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

</dd></dl>

<dd><dl>


<dl><dt>
 <label>Passo 1:</label></dt>
<dd><select id="fonte" tabindex="11" onchange="outra('fonte'); gerarpedido();">
 <option value=" "></option>

 <option value="Arial" style="font-family: Arial;">Teste</option>
 <option value="Arial Black" style="font-family: Arial Black;">TESTE</option>
 <option value="Comic Sans MS" style="font-family: Comic Sans MS;">TESTE</option>
 <option value="Courier New" style="font-family: Courier New;">TESTE</option>

<option value="Georgia" style="font-family: Georgia;">TESTE</option>
 <option value="Times New Roman" style="font-family: Times New Roman;">TESTE</option>

 <option value="Calibri" style="font-family: Calibri;">TESTE</option>
 <option value="Trebuchet MS" style="font-family: Trebuchet MS;">TESTE</option>
 <option value="Verdana" style="font-family: Verdana;">TESTE</option>
 <option value="Visitor TTK 2" style="font-family: Visitor TTK 2;">TESTE</option>

<option value="">TESTE</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 = '';"></dd></dl>




<form action="/posting.forum" method="post" enctype="multipart/form-data">

<input type="hidden" name="message">
 <input type="hidden" name="subject" value="  " onblur="shh()">
 <input type="hidden" name="mode" value="newtopic">
 <input type="hidden" name="f" value="39">
 <input type="hidden" name="lt" value="0">


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


<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
 <fieldset class="submit-buttons"><input value="Enviar" type="submit" class="button1" name="post"></fieldset>
 <span class="corners-bottom"><span></span></span></div>

<script>gerartitulo();</script></div></div></div>

Até

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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