Postado Qua Abr 09, 2014 4:05 am
Bem este formulário foi criado especialmente a Best Skins e eu adaptei.
Link: Best Skins
Procure por ID e substitua pelo id de seu fórum
Até
Link: Best Skins
- Código:
</style><script>
html_tpl = "<center><img src='$0' /></center> <br><br><b>Nome do Arquivo:</b> $1 <br><br><b>Autor:</b> $2<br><br><b>Funcionalidade:</b> $3 <br><br><b>Categoria:</b> $4 <br><br><br> $5 <br><br>";
bbcode_tpl = "[center][img(500px,250px)]$0[/img][/center]\n[b]Nome do Arquivo:[/b] $1\n[b]Autor:[/b] $2\n[b]Funcionalidade:[/b] $3\n[b]Categoria:[/b] $4\n\n $5";
$(document).ready(function(){
$('#bt-apagar').click(function() {
$('#form-submit input[type="text"],#form-submit textarea').val('');
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$0", $('#img').val());
tpl = tpl.replace("$1", $('#titulo').val());
tpl = tpl.replace("$2", $('#autor').val());
tpl = tpl.replace("$3", $('#funcionalidade').val());
tpl = tpl.replace("$4", $('#categoria').val());
tpl = tpl.replace("$5", $('#text_editor_textarea').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($('#img').val()!=='' && $('#titulo').val()!=='' && $('#autor').val()!=='' && $('#funcionalidade').val()!=='' && $('#categoria').val()!=='' && $('#text_editor_textarea').val()!==''){
tpl = tpl.replace("$0", $('#img').val());
tpl = tpl.replace("$1", $('#titulo').val());
tpl = tpl.replace("$2", $('#autor').val());
tpl = tpl.replace("$3", $('#funcionalidade').val());
tpl = tpl.replace("$4", $('#categoria').val());
tpl = tpl.replace("$5", $('#text_editor_textarea').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);
}else{
$('#erro').slideUp(1);
$('#erro').slideDown(800);
}
});
$('#bt-pr-fechar').click(function() {
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideUp(300);
return false;
});
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=''
}
});
if(VarGET('f')!==''){
$('#bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
}
});
</script>
<form action="/post" method="post" id="form-submit">
<div id="erro" style="display:none;" class="panel">
<div class="inner">
<center>
<span class="conteudo_texto" style="color:#C00"><strong>Você deve preencher todos os campos</strong></span>
</center>
</div>
</div><br />
<div style="display:none;" id="pr-questao" class="post row2">
<div class="inner">
<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>
</div>
</div>
<hr style="display:none;" id="pr-questao" />
<br />
<div class="panel">
<div class="inner">
<div class="main-content frm-set">
<p style="padding: 6px;">
<strong>Nota:</strong> Preencha corretamente o formulário, coloque um título descritível, o autor do tutorial e as demais informações necessárias para não haver problemas.
</p>
</div>
</div>
</div>
<div class="panel">
<div class="inner">
<div class="h3" style="margin-top: 7px;">
Formulário de postagem de Dicas e Tutoriais
</div>
<br />
<fieldset class="fields1">
<dl>
<dt><label>Imagem do resultado:</label></dt>
<dd class="frm-input"><input type="text" id="img" placeholder="Imagem do resultado" class="inputbox" /> </dd>
</dl>
<div id="identifytitle" style="display: inline;"></div>
<dl>
<dt><label>Título do tutorial:</label></dt>
<dd class="frm-input"><input type="text" id="titulo" placeholder="Título do tutorial" class="inputbox" /> </dd>
</dl>
<div id="identifytitle" style="display: inline;"></div>
<dl>
<dt><label>Autor:</label></dt>
<dd class="frm-input"><input type="text" id="autor" placeholder="Autor do código" class="inputbox" /> </dd>
</dl>
<div id="ender" style="display: inline;"></div>
<dl>
<dt><label>Funcionalidade:</label></dt>
<dd class="frm-input">
<select class="inputbox" id="funcionalidade">
<option value="PhpBB3">PhpBB3</option>
<option value="PunBB">PunBB</option>
<option value="PhpBB2">PhpBB2</option>
<option value="Invision">Invision</option>
<option value="PhpBB3/Phpbb2">PhpBB3/PhpBB2</option>
<option value="PhpBB3/PunBB">PhpBB3/PunBB</option>
<option value="PhpBB3/Invision">PhpBB3/Invision</option>
<option value="PunBB/PhpBB2">PunBB/PhpBB2</option>
<option value="PunBB/Invision">PunBB/Invision</option>
<option value="PhpBB2/Invision">PhpBB2/Invision</option>
<option value="PhpBB3/PhpBB2/PunBB">PhpBB3/PhpBB2/PunBB</option>
<option value="PhpBB3/PhpBB2/Invision">PhpBB3/PhpBB2/Invision</option>
<option value="PhpBB3/PunBB/Invision">PhpBB3/PunBB/Invision</option>
<option value="PhpBB2/PunBB/Invision">PhpBB2/PunBB/Invision</option>
<option value="Todas as versões">Todas as versões</option>
</select>
</dd>
</dl>
<dl>
<dt><label>Categoria:</label></dt>
<dd class="frm-input">
<select class="inputbox" id="categoria">
<option value="Recursos BestSkins">Recursos BestSkins</option>
<option value="Recursos de Outros Autores">Recursos de Outros Autores</option>
</select>
</dd>
</dl>
<dl>
<dt><label>Informações do tutorial:</label></dt>
<div style="float: right; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: normal; font-family: tahoma, helvetica, arial, 'sans-serif normal'; color: black; width: 25%;">
<img src="http://i.imgur.com/H1MJk.png" id="imguploadimage" onclick="jQuery(this).next().hide();jQuery(this).hide()" style="cursor: pointer !important; float: right; display: none;" />
<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" style="display: none; width: 248px; height: 204px;"></iframe>1. O seu tutorial será avaliado pela staff antes de ser aprovado.<br /><br /> 2. Uma boa ortografia e a ilustração com imagens facilita o entendimento do seu tutorial.<br /><br /> 3. Sempre coloque os créditos do autor do tutorial, evite problemas.
</div>
<dd class="frm-input">
<textarea id="text_editor_textarea" name="questao" class="inputbox" tabindex="14" style="height: 280px; width:550px;"></textarea>
</dd></dl>
<input type="hidden" name="subject" />
<input type="hidden" name="message" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="ID" />
<input value="0" name="lt" type="hidden" />
</fieldset>
</div>
</div>
<div id="bts">
<fieldset class="submit-buttons"><input class="button1" type="button" value="Pré-visualizar" id="bt-pr-questao" /> <input name="post" class="button1" type="button" value="Enviar questão" id="bt-enviar" /> <input class="button1" type="button" value="Apagar tudo" id="bt-apagar" /> <input name="post" style="display:none;" class="button1" type="submit" value="Enviar Questão" id="bt-enviar-e" /></fieldset>
</div>
</form>
<div id="enviado" style="display:none;"><center><img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="enviando..."><br><span class="conteudo_texto">enviando...</span></center></div></div></div></div></div></div><div id="right">
Procure por ID e substitua pelo id de seu fórum
Até