9

<style>
input {
height: 23px;
}
.submit-buttons{
float: left;
}
</style> <script src="http://forum-script.googlecode.com/files/VarGET.js"></script><script>
    html_tpl = "<b>Imagem da skin:</b> $0 <br><br><b>Nome da skin:</b> $1 <br><br><b>Fabricante:</b> $2<br><br><b>Adaptado por:</b> $3 <br><br><b>Versão do tema:</b> $4 <br><br><b>Download:</b> $6<br><br><b>Comentários adicionais:</b> $5<br><br>";
    bbcode_tpl = "[b]Imagem da skin:[/b] [img]$0[/img]\n\n[b]Nome da skin:[/b] $1\n\n[b]Fabricante:[/b] $2 \n\n[b]Adaptado por:[/b] $3\n\n[b]Versão do tema:[/b] $4\n\n[b]Download:[/b] $6\n\n[b]Comentários adicionais:[/b] $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", $('#imagem').val());
          tpl = tpl.replace("$1", $('#tituloforum').val());
          tpl = tpl.replace("$2", $('#fabricante').val());
          tpl = tpl.replace("$3", $('#adaptado').val());
          tpl = tpl.replace("$4", $('#versao').val());
          tpl = tpl.replace("$5", $('#comentario').val());
          tpl = tpl.replace("$6", $('#download').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($('#tituloforum').val()!=='' && $('#imagem').val()!=='' && $('#fabricante').val()!=='' && $('#versao').val()!=='' && $('#adaptado').val()!=='' && $('#comentario').val()!==''){
            tpl = tpl.replace("$0", $('#imagem').val());
            tpl = tpl.replace("$1", $('#tituloforum').val());
            tpl = tpl.replace("$2", $('#fabricante').val());
            tpl = tpl.replace("$3", $('#adaptado').val());
            tpl = tpl.replace("$4", $('#versao').val());
            tpl = tpl.replace("$5", $('#comentario').val());
            tpl = tpl.replace("$6", $('#download').val());
            $('input[name="message"]').val(tpl);
            $('input[name="subject"]').val($('#tituloforum').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;
      });
      $('#tituloforum').click(function() {
          if($('#tituloforum').val()=='Coloque aqui um título descritivo sobre a sua questão'){
            $('#tituloforum').val('');
          }
      });
      jQuery('#tituloforum').keyup(function(){
          var t=document.getElementById('tituloforum').value.length;
          var i=document.getElementById('identifytitle');
          if(t<10&&t>0){
            var l=t-10;i.innerHTML='O nome da skin necessita mais '+l*-1+' caracteres'
          }
          else{
            i.innerHTML=''
          }
      });
      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"><strong>Você deve preencher todos os campos</strong></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 style="margin-left: 130px;">

		<div class="panel">

			<div class="inner">

			</div>
			 <span class="corners-bottom"></span>
		</div>
		 <fieldset class="fields1"><dl><dt></dt> <label></label>Imagem da skin: <dd><input type="text" id="imagem" value="" class="inputbox" style="clear: both; width: 510px;" /> </dd></dl></fieldset>
		<div id="imagem" style="display: inline;">

		</div><fieldset class="fields1"><dl></dl><dd></dd> <dl><dt></dt> <label></label>Nome da skin: <dd><input type="text" id="tituloforum" value="" class="inputbox" style="clear: both; width: 510px;" /> </dd></dl></fieldset>
		<div id="identifytitle" style="display: inline;">

		</div><fieldset class="fields1"><dl></dl><dd></dd> <dl></dl><dt></dt> <dl><dt></dt> <label></label>Adaptação da skin para forumeiros por: <dd><input type="text" id="adaptado" value="" class="inputbox" style="clear: both; width:85px;line-height: 18px;padding-left: 4px;" maxlength="100" /></dd></dl></fieldset>
		<div id="adaptado" style="display: inline;">

		</div><fieldset class="fields1"><dl></dl><dd></dd> <dl></dl><dt></dt> <label></label>Versão do tema: <dd></dd><select class="inputbox" id="versao"></select><option value="PunBB"></option>PunBB<option value="Phpbb3"></option>Phpbb3<option value="Phpbb2"></option>Phpbb2<option value="Invision"></option>Invision <dl><dt></dt> <label></label>Download: <dd><input type="text" id="download" value="" class="inputbox" style="clear: both; width:175px;line-height: 18px;padding-left: 4px;" maxlength="100" /></dd></dl></fieldset>
		<div style="display: inline;">

		</div><fieldset class="fields1"><dl><dd> </dd></dl><dl><dt> <label>Comentários adicionais:</label></dt> <dd><textarea id="comentario" class="inputbox" tabindex="14" style="clear: both; height: 100px; width:510px;"></textarea> </dd></dl> </fieldset> <input type="hidden" name="subject" /> <input type="hidden" name="message" /> <input type="hidden" name="mode" value="newtopic" /> <input type="hidden" name="f" value="67" /> <input type="hidden" name="lt" value="0" /> <span class="corners-bottom"><span></span></span>
	</div>

	<div id="sthd" style="margin:0px">

	</div>
	 <br />
	<div id="bts" style="" 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" type="button" class="button1" name="post" /> <input id="bt-apagar" value="Apagar tudo" type="button" class="button1" /> <input id="bt-enviar-e" value="Enviar" type="submit" class="button1" style="display:none;" name="post" /></fieldset> <span class="corners-bottom"><span></span></span>
		</div>

	</div>

</form>