Formulário de postagens
Página 1 de 1 • Compartilhe
Formulário de postagens
Qual é sua questão:
Olá Shek sera que teria como você coloca aqueles negosio de formulario aquele que te mostrei em meu fórum eu tedo administração e você coloca por favor ai nois faz parceria si voce quiser pliz
Que medidas você tomou para corrigir o problema:
Nem e presiço
Apresente-nos imagens do problema (se necessário):
Nem e presiço
Olá Shek sera que teria como você coloca aqueles negosio de formulario aquele que te mostrei em meu fórum eu tedo administração e você coloca por favor ai nois faz parceria si voce quiser pliz
Que medidas você tomou para corrigir o problema:
Nem e presiço
Apresente-nos imagens do problema (se necessário):
Nem e presiço
Re: Formulário de postagens
Olá senhor!
Que formulário o senhor refere-se? Poderia me fornecer o endereço da página?
Atenciosamente,
Que formulário o senhor refere-se? Poderia me fornecer o endereço da página?
Atenciosamente,
Re: Formulário de postagens
Formulario de por em forun
Quando um membro for cria um topico
la aparece o formulario ingual na FdF quando vao cria topico tem as seleção para ele escolhe
Quando um membro for cria um topico
la aparece o formulario ingual na FdF quando vao cria topico tem as seleção para ele escolhe
Re: Formulário de postagens
Olá amigo!
Forneça-nos o endereço da página do formulário e ajudaremos a aplicá-lo!
Atenciosamente,
Forneça-nos o endereço da página do formulário e ajudaremos a aplicá-lo!
Atenciosamente,
Re: Formulário de postagens
Senhor Autor,
Ainda necessida de suporte para sua questão?
Atenciosamente,
Gombor
Ainda necessida de suporte para sua questão?
Atenciosamente,
Gombor
Re: Formulário de postagens
Tipo assim cara quando um membro for fazer um topico
La aparecer assim para ele escolhe alguns das pergunta tipo
Qual ea minha questão
Imagens do meu problema
Versão do meu fórum
intedeu agora abraçs
La aparecer assim para ele escolhe alguns das pergunta tipo
Qual ea minha questão
Imagens do meu problema
Versão do meu fórum
intedeu agora abraçs
Re: Formulário de postagens
veja o link: http://ajuda.forumeiros.com/h4-
deste tipo nesta área que quero em meu fórum
E nas criações graficas quero assim
http://ajuda.forumeiros.com/h3-
veja o geito que preetendo cordialmente
deste tipo nesta área que quero em meu fórum
E nas criações graficas quero assim
http://ajuda.forumeiros.com/h3-
veja o geito que preetendo cordialmente
Re: Formulário de postagens
Olá autor!
O código do formulário de questões é esse:
O código do formulário de pedidos gráficos é esse:
O código do formulário de questões é esse:
- Código:
<style>
input.inputbox {
height: 18px;
}
.submit-buttons{
float: left;
}
</style>
<script>
html_tpl = "<b>Qual é minha questão:</b><br>$1 <br><br><b>Links e imagens do meu problema:</b><br>$2 <br><br><b>Endereço do meu fórum:</b><br>$3 <br><br><b>Versão do meu fórum:</b><br>$4 <br><br>";
bbcode_tpl = "[b]Qual é minha questão:[/b]\n$1 \n\n[b]Links e imagens do meu problema:[/b]\n$2\n\n[b]Endereço do meu fórum:[/b]\n$3\n\n[b]Versão do meu fórum:[/b]\n$4";
$(document).ready(function(){
$('#bt-selecciona-forum').change(function() {
if($(this).val()!==""){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val($(this).val());
}else{
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
}
});
$('#bt-apagar').click(function() {
$('#forumselect').css('display','none');
$('#bt-selecciona-forum, #text-imgs, #text-questao, #titulo, #endereco, #versao').val('');
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').val());
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideDown(300);
$('#html-questao').html(tpl);
});
$('#bt-enviar').click(function() {
tpl = bbcode_tpl;
if($('#text-questao').val()!=='' && $('#titulo').val()!=='' && $('#titulo').val()!='Coloque aqui um título descritivo sobre a sua questão' && $('#text-questao').val()!='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.' && $('#titulo').val().toLowerCase().indexOf('ajuda')==-1 && $('#titulo').val().toLowerCase().indexOf('ajude')==-1 && $('#titulo').val().toLowerCase().indexOf('urgente')==-1 && document.getElementById('titulo').value.length>9){
if(jQuery('#text-imgs').val()==''||jQuery('#text-questao').val()==jQuery('#text-imgs').val()){jQuery('#text-imgs').val('Não é necessário.')};
$('#titulo').val($('#titulo').val().substring(0,1).toUpperCase()+$('#titulo').val().substring(1,$('#titulo').val().length).toLowerCase());
$('#text-imgs').val($('#text-imgs').val().substring(0,1).toUpperCase()+$('#text-imgs').val().substring(1,$('#text-imgs').val().length));
$('#endereco').val($('#endereco').val().toLowerCase());
if($('#endereco').val()!=''&&$('#endereco').val().indexOf('http://')==-1){$('#endereco').val('http://'+$('#endereco').val())};
$('#text-questao').val($('#text-questao').val().substring(0,1).toUpperCase()+$('#text-questao').val().substring(1,$('#text-questao').val().length));
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);}else if($('#text-questao').val()=='' || $('#titulo').val()=='' || $('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão' || $('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#erro').slideUp(1);
$('#erro').slideDown(800);
$('#erro2,#erro3').hide();
}else if($('#titulo').val().toLowerCase().indexOf('ajuda')!=-1||$('#titulo').val().toLowerCase().indexOf('ajude')!=-1||$('#titulo').val().toLowerCase().indexOf('urgente')!=-1){
$('#erro2').slideUp(1);
$('#erro2').slideDown(800);
$('#erro,#erro3').hide();
}else if(document.getElementById('titulo').value.length<10){
$('#erro3').slideUp(1);
$('#erro3').slideDown(800);
$('#erro,#erro2').hide();
}
});
$('#bt-pr-fechar').click(function() {
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideUp(300);
return false;
});
$('#titulo').click(function() {
if($('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão'){
$('#titulo').val('');
}
});
$('#titulo').blur(function() {
if($('#titulo').val()==''){
$('#titulo').val('Coloque aqui um título descritivo sobre a sua questão');
}
});
$('#text-questao').click(function() {
if($('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#text-questao').val('');
}
});
$('#text-questao').blur(function() {
if($('#text-questao').val()==''){
$('#text-questao').val('Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.');
}
});
jQuery('#titulo').keyup(function(){
var t=document.getElementById('titulo').value.length;
var i=document.getElementById('identifytitle');
if(t<10&&t>0){
var l=t-10;i.innerHTML='O título necessita mais '+l*-1+' caracteres'
}
else{
i.innerHTML=''
}
});
var e='#endereco';
var v='#validardominio'
jQuery(e).parent().after('<div id=validardominio></div>')
jQuery(e).keyup(function(){
var u=jQuery(e).val();
m=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9_\-]+)+\.([a-zA-Z]{2,4})(?:\.([a-zA-Z]{2,4}))?\/?(.*)$/;
if(u.match(m)){jQuery(v).html('')}else{jQuery(v).html('Esse domínio não é válido')};
});
if(VarGET('f')!==''){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
$('#bt-selecciona-forum').val(VarGET('f'));
}
});
</script>
<form action="/post" method="post" id="form-submit">
<div id="erro" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Você deve preencher todos os campos</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<div id="erro2" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Não utilize as palavras "Ajuda", "Ajude" ou "Urgente" no título da questão, ela não descreve a sua dúvida</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<div id="erro3" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>O título da questão necessita pelo menos 10 caracteres</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<br>
<div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody"><div class="h3">Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]</div><div id="html-questao" class="content"></div></div><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao">
<br>
<div class='panel'>
<div class='inner'>
<span class='corners-top'></span>
<div class='h3' style='margin-top: 7px;'>Antes de postar uma pergunta</div>
<br>
<p>Antes de iniciar a sua viagem por este mundo de suporte, por favor leia as nossas <a href='http://ajuda.forumeiros.com/t82-regras-do-forum-dos-foruns-fdf' target='_blanck'>Regras do Fórum</a>. É importante que essas regras sejam respeitadas, para que a comunidade cresça e floresça de forma saudável, amigável e agradável. O objetivo é que os próprios usuários contribuam com conteúdo útil e se entre-ajudem.<br><br><b>Nota:</b> Antes de postar, <a href='http://ajuda.forumeiros.com/search' target='_blanck'>pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.</p>
</div>
<span class='corners-bottom'></span>
</div>
<br>
<div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Tipo de dúvida</div>
<br>
<fieldset class="fields1">
<dl><dt>
<label>Problema enfrentado:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1" class="inputbox" style='width: 510px;'/>
<option value=""></option>
<option value="22">Códigos para implementação do meu fórum</option>
<option value="25">Personalização de uma certa área do meu fórum, templates ou códigos CSS</option>
<option value="27">Questões sobre o painel de controle, créditos e nomes de domínio</option>
</select></dd></dl>
</fieldset>
<ul class="topiclist" id="forumselect" style="display:none"><dd class="dterm" style="border-left:0px"><h3 class="hierarchy"><a class="forumtitle"></a></h3><br><img style="float:left;margin-right:4px"><div style="margin-top:5px" id=desc></div> </dd></ul>
<span class="corners-bottom"><span></span></span></div></div>
<br>
<div class="panel" id="form-part2" style="display:none;"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Corpo do formulário</div>
<br> <fieldset class="fields1">
<dl><dt>
<label>Título da questão:</label></dt>
<dd><input id="titulo" name="subject" value="Coloque aqui um título descritivo sobre a sua questão" class="inputbox" style="clear: both; width: 510px;" /><span id="identifytitle" style="vertical-align:middle;color:gray;margin-left:5px"></span>
</dd></dl>
<dl><dt>
<label>Endereço e versão do fórum:</label></dt>
<dd><input id="endereco" class="inputbox" style="clear: both; width: 408px;" />
<select tabindex="1" class="inputbox" id="versao" />
<option value="Não sei"></option>
<option value="PUNBB">PUNBB</option>
<option value="PHPBB2">PHPBB2</option>
<option value="PHPBB3">PHPBB3</option>
<option value="INVISION">INVISION</option>
</select>
</dd></dl>
<dl><dt>
<label>Qual é sua questão:</label></dt>
<dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 100px; width:510px;">Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.</textarea>
</dd></dl>
<dl><dt>
<label>Links e imagens do problema (se necessário):</label>
<br><br><br><br><button class="button2" onclick="jQuery('#uploadimage input[type=file]').click()" type="button" title="Fazer upload de uma imagem"><img src="http://2img.net/i/fa/wysiwyg/picture_save.png" alt="Fazer upload de uma imagem" title="Fazer upload de uma imagem"></button>
</dt>
<dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 510px;"></textarea>
<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;margin-top:13px"></iframe>
</dd></dl>
</fieldset>
<input type="hidden" name="message">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="f">
<input type="hidden" name="lt" value="0">
<span class="corners-bottom"><span></span></span></div></div>
<br>
<div id="bts" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" type="button" class="button1" /> <input id="bt-enviar" value="Enviar questão" type="button" class="button1" name="post" /> <input id="bt-apagar" value="Apagar tudo" type="button" class="button1" />
<input id="bt-enviar-e" value="Enviar Questão" type="submit" class="button1" style="display:none;" name="post" /></fieldset>
<span class="corners-bottom"><span></span></span></div></div>
</form>
<br>
<div id="enviado" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="enviando..." /><br /><span class="conteudo_texto">enviando...</span></center><span class="corners-bottom"><span></span></span></div></div>
<b id=getidmember style=display:none>{USERNAME}</b>
<script>jQuery('#bt-selecciona-forum').change(function(){
if($(this).val()!==""){
$('#form-part2, #bts').show();
$('input[name="f"]').val($(this).val());
}else{
$('#form-part2, #bts').hide();
$('input[name="f"]').val($(this).val());
}
;var v=jQuery('#bt-selecciona-forum').val();if(v==''){jQuery('#forumselect').hide()}else{jQuery('#forumselect').slideDown(100);if(v=='22'){var title='Questões sobre códigos';var img='http://2img.net/i/fa/fdf/scripts.png';var desc='Dúvidas sobre códigos <b>HTML</b> e <b>BBCode</b>. Também, dúvidas sobre códigos <b>JavaScript</b> que tenham sido citados em algum de nossos tutoriais.'};if(v=='25'){var title='Questões sobre a aparência do fórum';var img='http://2img.net/i/fa/fdf/palette.png';var desc='Dúvidas sobre a aparência geral de seu fórum. Também, poderá tirar dúvidas sobre códigos <b>CSS</b> e <b>Templates</b> do fórum.'};if(v=='27'){var title='Questões sobre o painel de controle, créditos e domínios';var img='http://2img.net/i/fa/fdf/admin.png';var desc='Dúvidas sobre funções do <b>painel de controle</b>, <b>créditos</b> e <b>nomes de domínio</b>. A maioria das dúvidas estão esclarecidas em nossas FAQs.'};jQuery('#forumselect .forumtitle').html(title);jQuery('#forumselect img').attr('src',img);jQuery('#forumselect #desc').html(desc)}});jQuery.ajax({url:'/profile?mode=editprofile',success:function(d){if(jQuery('#profile_field_3_-10',d).val().indexOf('http://ajuda.forumeiros.com')==-1){jQuery('#endereco').val(jQuery('#profile_field_3_-10',d).val());if($('input[name="profile_field_8_2"][checked="checked"]',d).val()!=0){$('#versao').val($('input[name="profile_field_8_2"][checked="checked"]',d).next().attr('title').replace(/ /g,'').toUpperCase())}}}})</script>
<form action="http://s6.tinypic.com/plugin/upload.php" id="uploadimage" method="post" enctype="multipart/form-data" target="fuploadimage" style="display:none"><input type="hidden" name="action" value="upload"><input type="hidden" name="popts" value="c,url"><input type="file" name="the_file" onchange="this.form.submit();jQuery('iframe[name=fuploadimage]').css('display','block')"></form>
O código do formulário de pedidos gráficos é esse:
- Código:
<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>
Re: Formulário de postagens
Olá senhor aonde eu ponho at+
Re: Formulário de postagens
Olá,
Deve colocar em uma Página HTML, seguindo o Tutorial apresentado pelo FdF.
PS: Não sei porque, mas este tópico tem alguma coisa que quebra o layout dele quando entro em aparelhos móveis.
Deve colocar em uma Página HTML, seguindo o Tutorial apresentado pelo FdF.
PS: Não sei porque, mas este tópico tem alguma coisa que quebra o layout dele quando entro em aparelhos móveis.
Re: Formulário de postagens
Codigos nao funcionam
Re: Formulário de postagens
Olá senhor Morfil.
Qual o problema que os códigos apresentam?
Atenciosamente,
Qual o problema que os códigos apresentam?
Atenciosamente,
Re: Formulário de postagens
Eu pego o codigos
faço a pagina la HTML
ai depois eu volto la no negosio vo cria um topico e fica normal
faço a pagina la HTML
ai depois eu volto la no negosio vo cria um topico e fica normal
Re: Formulário de postagens
Olá senhor Morfil!
Confira os tutoriais que há em nossos arquivos e obtenha ajuda mais rápido!
Clique aqui: https://shift.forumactif.com/search?search_keywords=formul%C3%A1rio&search_where=f5
Atenciosamente,
Confira os tutoriais que há em nossos arquivos e obtenha ajuda mais rápido!
Clique aqui: https://shift.forumactif.com/search?search_keywords=formul%C3%A1rio&search_where=f5
Atenciosamente,
Re: Formulário de postagens
Olá amigo , cheque esse video tutorial .
Re: Formulário de postagens
Olá!
O tópico será marcado como Resolvido, pois o autor não está mais disponível até Quarta-Feira, 5 de Dezembro, até as 16:42.
Cordialmente,
Magnus
O tópico será marcado como Resolvido, pois o autor não está mais disponível até Quarta-Feira, 5 de Dezembro, até as 16:42.
Cordialmente,
Magnus
Conteúdo patrocinado
Tópicos semelhantes
» Problema com formulário de postagens
» Efeito de novas postagens
» [TUTORIAL] Criar seu formulário de postagens
» [TUTORIAL] Ativação do formulário de postagens
» Vídeo tutorial Criar seu formulário de postagens recebe mais de 90 visualizações
» Efeito de novas postagens
» [TUTORIAL] Criar seu formulário de postagens
» [TUTORIAL] Ativação do formulário de postagens
» Vídeo tutorial Criar seu formulário de postagens recebe mais de 90 visualizações
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|