Bem vindo ao JScript Forumeiros

Convidado · 1 Formulário de jogos Ter 12 Nov 2013, 8:54 pm

Convidado

Vamos aprender a aplicar um postador de games no fórum.
Não trata-se de um tutorial, e sim de um formulário de jogos pra quem tem fórum de games.

Aceda a painel de controle > módulos > HTML & JAVASCRIPT > gestão das páginas html > criar uma nova página html

Título: A sua escolha
Você deseja utilizar o início e o final da página do seu fórum ?: Não
Usar esta página como página inicial?: Não
Código HTML * :

Código:: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <title>Postador automático - Bestskins</title> </head> <body><div id="wrapper"> <div id="logo"> <h1> </h1> <p> </p> </div> <hr />  <div id="header"> <div id="cssmenu"> <ul> <li><a href="#" onclick="$('#postador').hide('1s');$('#home').show('1s'); return false;">Home</a></li> <li><a href="/forum">Fórum</a></li> <li><a href="/portal">Portal</a></li> <li><a href="/memberlist">Membros</a></li> <li><a href="#" onclick="$('#home').hide('1s');$('#postador').show('1s');return false;">Postador</a></li> </ul> </div>  </div>  <div id="page"> <div id="page-bgtop"> <div id="content"> <div id="home"> <p>Seja bem vindo ao Postador automático da BestSkins, Antes de começar a usá-lo leia com Atenção. </p> <ul> <li>Antes de utilizar nosso Postador leia atentamente nossas <a href="LINK" target="_blank">Regras de Padronização Obrigatória </a>;</li> <li>Preencha os formularios obrigatorios e os não obrigatorios para seu download ser mais completo;</li> <li>Todos os arquivos postados devem contar no mínimo um <em>BestSkins</em> no nome e seu nick; </li> <li class="style2"><span class="style1">Não aceitamos de maneira alguma links copiados de outros Sites</span>. </li> <li>Seguindo essa conduta seu Upload está apto a fazer parte do padrão de qualidade BestSkins.</li> </ul> <p>Caso tenha alguma dúvida, procure suporte imediato no <a href="/forum" target="_blank">Fórum</a>. </p> </div> <div id="postador" style="display: none;"> <style> .inputbox { height: 23px; } .submit-buttons{ float: left; } .iprv { background: white; padding: 3px; border: 1px solid #e0e0e0; } </style> <script> html_tpl = "<b>Título:</b> $0 <br><br><b>Capa:</b> <img src=$1 class=iprv /><br><br><b>Fabricante:</b> $2<br><br><b>Estilo:</b> $3 <br><br><b>Plataforma:</b> $4 <br><br><b>Lançamento:</b> $6<br><br><b>Formato:</b> $5<br><br><b>Tamanho:</b> $7<br><br><b>Screen1:</b> <img src=$8 class=iprv height=80px width=150px /><br><br><b>Screen2:</b> <img src=$9 class=iprv height=80px width=150px /><br><br><b>Screen3:</b> <img src=$10 class=iprv height=80px width=150px /><br><br><b>Descrição/Sinopse:</b> $11<br><br><b>Download via: $13</b> $12<br><br>"; bbcode_tpl = "[table class=main-head width=100%]{tr}{td}$0[/td][/tr][/table][table class=box valign=top]{tr}[td]Capa\n[hr]\n[center][img]$1[/img][/center][/td][/tr][/table][table class=box valign=top]{tr}[td]INFOS\n[hr]\n[b]Fabricante:[/b] $2\n[b]Estilo:[/b] $3\n[b]Plataforma:[/b] $4\n[b]Lançamento:[/b] $6\n[b]Formato:[/b] $5\n[b]Tamanho:[/b] $7[/td][/tr][/table][table class=box valign=top]{tr}[td]Screenshots\n[hr]\n[img(250px,140px)]$8[/img] [img(250px,140px)]$9[/img] [img(250px,140px)]$10[/img][/td][/tr][/table][table class=box valign=top]{tr}[td]Descrição/Sinopse\n[hr]\n$11[/td][/tr][/table][table class=box valign=top]{tr}[td]Download via: $13\n[hr]\n[quote]$12[/quote][/td][/tr][/table]"; $(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", $('#tituloforum').val()); tpl = tpl.replace("$1", $('#imagem').val()); tpl = tpl.replace("$2", $('#fabricante').val()); tpl = tpl.replace("$3", $('#estilo').val()); tpl = tpl.replace("$4", $('#plataforma').val()); tpl = tpl.replace("$5", $('#formato').val()); tpl = tpl.replace("$6", $('#lancamento').val()); tpl = tpl.replace("$7", $('#tamanho').val()); tpl = tpl.replace("$8", $('#screen1').val()); tpl = tpl.replace("$9", $('#screen2').val()); tpl = tpl.replace("$10", $('#screen3').val()); tpl = tpl.replace("$11", $('#desc').val()); tpl = tpl.replace("$12", $('#download').val()); tpl = tpl.replace("$13", $('#downloadvia').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()!=='' && $('#plataforma').val()!=='' && $('#estilo').val()!=='' && $('#formato').val()!=='' && $('#tamanho').val()!=='' && $('#screen1').val()!=='' && $('#screen2').val()!=='' && $('#screen3').val()!=='' && $('#desc').val()!=='' && $('#download').val()!=='' && $('#downloadvia').val()!==''){ tpl = tpl.replace("$0", $('#tituloforum').val()); tpl = tpl.replace("$1", $('#imagem').val()); tpl = tpl.replace("$2", $('#fabricante').val()); tpl = tpl.replace("$3", $('#estilo').val()); tpl = tpl.replace("$4", $('#plataforma').val()); tpl = tpl.replace("$5", $('#formato').val()); tpl = tpl.replace("$6", $('#lancamento').val()); tpl = tpl.replace("$7", $('#tamanho').val()); tpl = tpl.replace("$8", $('#screen1').val()); tpl = tpl.replace("$9", $('#screen2').val()); tpl = tpl.replace("$10", $('#screen3').val()); tpl = tpl.replace("$11", $('#desc').val()); tpl = tpl.replace("$12", $('#download').val()); tpl = tpl.replace("$13", $('#downloadvia').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 título 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"><b>Você deve preencher todos os campos</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 style="margin-left: 130px;"> <div class="panel"> <div class="inner"> <br> </div> <span class="corners-bottom"></span> </div> <div class="panel" id="form-part2" style=""><div class="inner"><span class="corners-top"><span></span></span> <div class="h3" style="margin-top: 7px;">Formulário de postagem. Todos os campos são obrigatórios</div> <br> <fieldset class="fields1"> <tr> <td height="23" colspan="2"><div id="barra"><img src="http://i.imgur.com/pGjd7fa.jpg" width="15" height="15"> Informações</div> </td> </tr> <dl> <dt> <label>Título: </label></dt> <dd><input type="text" id="tituloforum" value="" class="inputbox" style="clear: both; width: 150px;"> <div id="tituloforum" style="display:inline"></div><div id="identifytitle" style="display: inline"></div> </dd></dl> <dl><dt> <label>Capa: </label></dt> <dd><input type="text" id="imagem" value="" class="inputbox" style="clear: both; width: 150px;"> <div style="display:inline"></div> </dd></dl><br> <dl><dt> <label>Fabricante:</label></dt> <dd><input type="text" id="fabricante" value="" class="inputbox" style="clear: both; width: 150px;"> <div id="validardominio" style="display:inline"></div> </dd></dl> <dl><dt> <label>Estilo: </label></dt> <dd><input type="text" id="estilo" value="" class="inputbox" style="clear: both; width:150px;line-height: 18px;padding-left: 4px;" maxlength="100"><div id="estilo" style=" display: inline; "></div> </dd></dl><br> <dl><dt> <label>Plataforma: </label></dt> <dd> <select class="inputbox" id="plataforma" style="width: 150px"> <option value="Xbox360">Xbox360</option> <option value="PS3">PS3</option> <option value="PS2">PS2</option> <option value="PC">PC</option> </select> </dd></dl> <dl><dt> <label>Lançamento:</label></dt> <dd><input type="text" id="lancamento" value="" class="inputbox" style="clear: both; width:150px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style=" display: inline; "></div> </dd></dl><br> <dl><dt> <label>Formato:</label></dt> <dd><input type="text" id="formato" value="" class="inputbox" style="clear: both; width:150px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style=" display: inline; "></div> </dd></dl> <dl><dt> <label>Tamanho: </label></dt> <dd><input type="text" id="tamanho" value="" class="inputbox" style="clear: both; width:150px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style=" display: inline; "></div> </dd></dl><br><br> <td height="23" colspan="2"><div id="barra"><img src="http://i.imgur.com/pGjd7fa.jpg" width="15" height="15"> Multimídia</div> </td> <dl><dt> <label>Screenshot 1: </label></dt> <dd><input type="text" id="screen1" value="http://2img.net/i/fa/empty.gif" class="inputbox" style="clear: both; width:330px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style=" display: inline; "></div> </dd></dl><br> <dl><dt> <label>Screenshot 2: </label></dt> <dd><input type="text" id="screen2" value="http://2img.net/i/fa/empty.gif" class="inputbox" style="clear: both; width:330px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style=" display: inline; "></div> </dd></dl><br> <dl><dt> <label>Screenshot 3:</label></dt> <dd><input type="text" id="screen3" value="http://2img.net/i/fa/empty.gif" class="inputbox" style="clear: both; width:330px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style=" display: inline; "></div> </dd></dl><br><br> <td height="23" colspan="2"><div id="barra"><img src="http://i.imgur.com/pGjd7fa.jpg" width="15" height="15"> Descrição & Download</div> </td> <dl><dt> <label>Descrição/Sinopse: </label></dt> <dd><textarea type="text" id="desc" value="" class="inputbox" style="clear: both; height: 150px; width:450px;line-height: 18px;padding-left: 4px;"></textarea><div style=" display: inline; "></div> </dd></dl><br><br> <td height="23" colspan="2"><img src="http://i.imgur.com/pGjd7fa.jpg" width="15" height="15"> Download via: <input type="text" name="servidor" value="" id="downloadvia"> </td> </tr> <dl><dt> <label>Links: </label></dt> <dd><textarea type="text" id="download" value="" class="inputbox" style="clear: both; height: 130px; width:450px;line-height: 18px;padding-left: 4px;"></textarea><div style=" display: inline; "></div> </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="1"> <input type="hidden" name="lt" value="0"> <span class="corners-bottom"><span></span></span></div></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 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> </div> <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> </div> <style type="text/css">  </style> </div>  <div id="sidebar"> <ul> <li> <h2>Importante:</h2> <img src="http://i81.servimg.com/u/f81/17/45/75/97/seta10.gif" alt="" width="10" height="10"> Apenas utilize o postador se os links forem exclusivos do fórum, não aceitamos links copiados de outros websites. <br> <br> <img src="http://i81.servimg.com/u/f81/17/45/75/97/seta10.gif" alt="" width="10" height="10"> Lembre-se de seguir nossa padronização a risca, padronizando o título eo subtítulo, e adicionando sempre <strong>BestSkins</strong> no nome do arquivo.<br> <br> <img src="http://i81.servimg.com/u/f81/17/45/75/97/seta10.gif" alt="" width="10" height="10"> Sugestões ou Criticas sobre o postador devem ser postadas <a href="LINK">aqui</a>.<br> <br> <img src="http://i81.servimg.com/u/f81/17/45/75/97/seta10.gif" alt="" width="10" height="10"> Adicione o máximo possível de informações em seu tópico para deixa-lo o mais completo possível, caso tenha alguma dificuldade solicite ajuda a algum Uploader mais experiente. </li> </ul> </div>  <div style="clear: both;"> </div> </div> </div>  <div id="footer-bgcontent"> <div id="footer"> <p> 2013 - Todos os direitos reservados a <a href="LINK">Nome do seu fórum</a> - By <a href="http://www.bestskins.com.br">BestSkins</a>.</p> <p> </p> </div> </div>  </div> </body> </html> <style> body { margin: 0; padding: 0; background: url(http://i81.servimg.com/u/f81/17/45/75/97/img0110.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #232627; } h1, h2, h3 { margin: 0; text-transform: none; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #0C95C9; } h1 { font-size: 44px; } h2 { font-size: 20px; background-attachment: fixed; background-image: url(images/h2.jpg); background-repeat: no-repeat; background-position: left top; } p, ul, ol { margin-top: 0; line-height: 240%; text-align: justify; } a { color: #0C95C9; } a:hover { text-decoration: none; } a img { border: none; } img.left { float: left; margin: 7px 30px 0 0; } img.right { float: right; margin: 7px 0 0 30px; } hr { display: none; } .list1 li { float: left; line-height: normal; } .list1 li img { margin: 0 30px 30px 0; } .list1 li.alt img { margin-right: 0; } /* Header */ #header { width: 920px; height: 45px; margin: 0 auto; } /* Menu */ #cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { margin: 0; padding: 0; position: relative; } #cssmenu { height: 49px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); border-bottom: 2px solid #71b00c; margin-left: 180px; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu a { background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); color: #ffffff; display: inline-block; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; line-height: 49px; padding: 0 20px; text-decoration: none; } #cssmenu ul { list-style: none; } #cssmenu > ul { float: left; } #cssmenu > ul > li { float: left; } #cssmenu > ul > li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #71b00c; margin-left: -10px; } #cssmenu > ul > li:first-child a { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; } #cssmenu > ul > li:last-child a { border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; } #cssmenu > ul > li.active a { box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); } #cssmenu > ul > li:hover > a { background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; } #cssmenu .has-sub { z-index: 1; } #cssmenu .has-sub:hover > ul { display: block; } #cssmenu .has-sub ul { display: none; position: absolute; width: 200px; top: 100%; left: 0; } #cssmenu .has-sub ul li { *margin-bottom: -1px; } #cssmenu .has-sub ul li a { background: #71b00c; border-bottom: 1px dotted #aad06d; filter: none; font-size: 11px; display: block; line-height: 120%; padding: 10px; } #cssmenu .has-sub ul li:hover a { background: #528009; } #cssmenu .has-sub .has-sub:hover > ul { display: block; } #cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0; } #cssmenu .has-sub .has-sub ul li a { background: #528009; border-bottom: 1px dotted #97b36b; } #cssmenu .has-sub .has-sub ul li a:hover { background: #345105; } /* Page */ #page { width: 920px; margin: 0 auto; } #page-bgtop { padding-top: 30px; } /** LOGO */ #logo { width: 680px; height: 250px; margin: 0 auto; background: url(http://i81.servimg.com/u/f81/17/45/75/97/images10.jpg) no-repeat right top; } #logo h1, #logo p { margin: 0px; line-height: normal; text-transform: none; font-weight: normal; color: #FFFFFF; } #logo p { text-transform: none; font-size: 10px; } #logo h1 { padding-top: 54px; font-size: 34px; } #logo a { text-decoration: none; color: #FFFFFF; } /* Content */ #content { float: right; width: 658px; padding-top: 10px; padding-right: 30px; } /* Sidebar */ #sidebar { float: left; width: 190px; padding-left: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #585D60; padding-right: 15px; background-attachment: fixed; background: url(http://i81.servimg.com/u/f81/17/45/75/97/lembre10.png); background-repeat: no-repeat; background-position: center top; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 30px; padding: 0 0 10px 0px; } #sidebar li ul { } #sidebar li li { margin: 0; padding: 7px 10px 10px 7px; } #sidebar p { margin: 0; padding: 0px 10px; } #sidebar h2 { height: 26px; margin: 0 0 10px 0px; padding: 12px 0 2px 7px; text-transform: capitalize; font-size: 18px; font-weight: normal; color: #464F54; } #sidebar p { line-height: 200%; } #sidebar a { text-align: left; text-decoration: none; font-weight: normal; color: #585D60; } /* Footer */ #footer { width: 920px; height: 49px; margin: 0 auto; padding-top: 50px; } #footer-bgcontent { margin: 0px; padding: 0px; height: 99px; background: #394144; } #footer p { margin: 0; text-align: center; line-height: normal; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } #footer a { color: #E5FFC4; } #carregando { width:27px; height:25px; position:absolute; top:300px; left:680px; margin-top:-10px; margin-left:-10px; visibility: inherit; } td { background-attachment: fixed; background-image: url(http://i81.servimg.com/u/f81/17/45/75/97/backgr10.jpg); background-repeat: no-repeat; background-position: right top; } #barra { background-attachment: fixed; background-image: url(http://i81.servimg.com/u/f81/17/45/75/97/h210.jpg); background-repeat: no-repeat; background-position: left; font-size: 18px; padding-left: 65px; padding-bottom: 10px; color: #0C95C9; } fieldset { -webkit-margin-start: 0px; -webkit-margin-end: 0px; border: 0px; } .fields1 .inputbox {margin-right: 11px;} .fields1 dt {min-width: 65px;} dl, dt, dd {display: inline-block;} dd { -webkit-margin-start: 0px; } li {list-style-type: none;} </style>

No código procure por:

Código:: <input type="hidden" name="f" value="1">

e em value="1" troque pelo id do fórum que será postado.
Depois adicione ao seu css:

Código:: .box { margin: 0px 0px 0px 0px; padding: 10px; border: #C8C8C8 1px solid; background: #FFF url(http://i.imgur.com/dcM6YT3.gif) repeat-x bottom; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 95%; border-radius: 6px; }