Aqui está o código do tal formulário:
- Código:
<div id="main-content"><script>
function gerarMensagem() {
var css = document.getElementById("css").value;
var cores = document.getElementById("coresp").value;
var core = document.getElementById("coress").value;
var categoria = document.getElementById("catego").value;
var endereco = document.getElementById("endere").value;
var descric = document.getElementById("descricao").value;
var coment = document.getElementById("coments").value;
var autor = document.getElementById("autor").value;
var data = document.getElementById("data").value;
var versao = document.getElementById("versao").value;
finalmessage = ' [table style="margin: 0 auto; border: 1px solid #1675BC; border-bottom: 0px;" width="90%"][tr][td class="row3" style="padding: 5px;"][b]INFORMAÇÕES GERAIS DO TEMA[/b][/td][/tr][/table] [table style="margin: 0 auto; border: 1px solid #1675BC;" width="90%"][tr][td class="row3" style="padding: 5px" width="255px"][b]Versão do tema:[/b][/td] [td] ' + versao + ' [/td][/tr][tr][td class="row3" style="padding: 5px" width="255px"][b]Categoria do Tema:[/b][/td] [td] ' + categoria + ' [/td][/tr][tr][td class="row3" style="padding: 5px" width="255px"][b]Cores do tema:[/b][/td] [td] ' + cores + ' ' + core + ' [/td][/tr] [tr][td class="row3" style="padding: 5px;" width="255px"][b]CSS personalizado:[/b][/td] [td] ' + css + ' [/td][/tr][tr][td class="row3" style="padding: 5px;border: 0px;" width="255px"][b]Endereço do tema em Hitskin.com:[/b][/td] [td] ' + endereco + ' [/td][/tr][tr][td class="row3" style="padding: 5px" width="255px"][b]Descrição do tema:[/b][/td] [td] ' + descric + ' [/td][/tr][tr][td class="row3" style="padding: 5px" width="255px"][b]Comentários adicionais:[/b][/td] [td] ' + coment + ' [/td][/tr][/table][table style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;" width="90%"][tr][td class="row3" style="padding: 5px;"][b]INFORMAÇÕES ADICIONAIS DO TEMA[/b][/td][/tr][/table][table style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;" width="90%"][tr][td class="row3" style="padding: 5px" width="255px"][b]Criado por:[/b][/td] [td] ' + autor + ' [/td][/tr][tr][td class="row3" style="padding: 5px" width="255px"][b]Data da criação:[/b][/td] [td] ' + data + ' [/td][/tr][/table] ';
jQuery("input[name=message]").attr('value', finalmessage);
}
</script>
<div class="panel row1"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top:7px; text-align: center;">Apresentação de temas</div>
<p style="font-size: 11px;">Este formulário foi criado com o objetivo de facilitar a apresentação dos temas! Com ele, basta entrar com os campos que são pedidos abaixo e enviar o tema normalmente! Ele tratará da apresentação automaticamente! Cumpra os requisitos e lembre-se que todos os campos são obrigatórios, caso contrário não será aceite para a galeria!</p>
<div class="clear" style="height: 6px;"></div>
<form action="/posting.forum" method="post" enctype="multipart/form-data">
<fieldset class="fields1"><div class="h3" style="margin-top: 7px;">Título do tema</div>
<dl><dt>
<label>Título do tema:</label></dt>
<input class="inputbox" type="text" value="Este título será apresentado no fórum de apresentação de temas, portanto coloque um bem descrito!" onclick="if (this.value == 'Este título será apresentado no fórum de apresentação de temas, portanto coloque um bem descrito!') this.value = '';" onblur="if (this.value == '') this.value = 'Este título será apresentado no fórum de apresentação de temas, portanto coloque um bem descrito!';" tabindex="2" name="subject">
</dl><div class="h3" style="margin-top: 7px;">Informações Gerais</div>
<dl><dt>
<label>Plataforma:</label></dt><dd><select name="f" tabindex="1" onchange="checkForum();">
<option value="null">Escolha a plataforma</option>
<option value="23">Forumeiros</option>
<option value="23">Criarumblog</option>
</select><small> (Com isto, o tópico será enviado para a seção escolhida de forma automática! Tenha atenção e coloque a correta!)</small></dd></dl><hr>
<dl><dt>
<label>Versão do tema:</label></dt><dd><select id="versao" tabindex="1" onchange="checkForum();">
<option value="null">Escolha a versão</option>
<option value="PhpBB2">PhpBB2</option>
<option value="PhpBB3">PhpBB3</option>
<option value="PunBB">PunBB</option>
<option value="Invision">Invision</option>
</select></dd></dl><hr>
<dl><dt>
<label>Categoria do tema:</label></dt><dd><select id="catego" tabindex="1">
<option value="">Escolha uma categoria!</option>
<option value="Arte, Cultura & Lazer">Arte, Cultura & Lazer</option>
<option value="Cinema">Cinema</option>
<option value="Cidadania & Sociedade">Cidadania & Sociedade</option>
<option value="Criações Gráficas">Criações Gráficas</option>
<option value="Esportes e Hobbies">Esportes e Hobbies</option>
<option value="Jogos & RPG">Jogos & RPG</option>
<option value="Informática & Internet">Informática & Internet</option>
<option value="Música & Rádio">Música & Rádio</option>
<option value="Natureza & Espaço">Natureza & Espaço</option>
<option value="Outros">Outros</option>
</select></dd></dl><hr>
<dl><dt><label>Cores do tema:</label></dt><dd>
<select id="coresp" tabindex="1">
<option value="">Escolha uma cor primária!</option>
<option value="Vermelho e " style="color:#ff0000">Vermelho</option>
<option value="Laranja e " style="color:#ffa500">Laranja</option>
<option value="Marron e " style="color:#a52a2a">Marron</option>
<option value="Amarelo e " style="color:#ffff00">Amarelo</option>
<option value="Verde e " style="color:#00ff00">Verde</option>
<option value="Verde escuro e " style="color:#006400">Verde escuro</option>
<option value="Azul e " style="color:#0000ff">Azul</option>
<option value="Violeta e " style="color:#4b0082">Violeta</option>
<option value="Rosa e " style="color:#ffc0cb">Rosa</option>
<option value="Preto e " style="color:#000000">Preto</option>
<option value="Cinza e " style="color:#888888">Cinza</option>
<option value="Branco e " style="color:#ffffff">Branco</option>
</select>
<b> - </b>
<select id="coress" tabindex="1">
<option value="">Escolha uma cor secundária!</option>
<option value="Vermelho" style="color:#ff0000">Vermelho</option>
<option value="Laranja" style="color:#ffa500">Laranja</option>
<option value="Marron" style="color:#a52a2a">Marron</option>
<option value="Amarelo" style="color:#ffff00">Amarelo</option>
<option value="Verde" style="color:#00ff00">Verde</option>
<option value="Verde escuro" style="color:#006400">Verde escuro</option>
<option value="Azul" style="color:#0000ff">Azul</option>
<option value="Violeta" style="color:#4b0082">Violeta</option>
<option value="Rosa" style="color:#ffc0cb">Rosa</option>
<option value="Preto" style="color:#000000">Preto</option>
<option value="Cinza" style="color:#888888">Cinza</option>
<option value="Branco" style="color:#ffffff">Branco</option>
</select></dd></dl><hr>
<dl><dt><label>CSS personalizado:</label></dt><dd>
<select id="css" tabindex="1" onchange="checkForum();">
<option value="null">Escolha uma opção!</option>
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select></dd></dl><hr>
<dl><dt>
<label>Endereço do tema em Hitskin.com:</label></dt>
<input id="endere" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dl><hr>
<dl><dt>
<label>Descrição do tema:</label></dt>
<input id="descricao" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dl><hr>
<dl><dt>
<label>Comentários adicionais:</label></dt>
<input id="coments" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dl><div class="h3" style="margin-top: 7px;">Informações Adicionais</div>
<dl><dt>
<label>Autor do tema:</label></dt>
<input id="autor" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dl><hr>
<dl><dt>
<label>Data da criação:</label></dt>
<input id="data" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dl><div class="h3" style="margin-top: 7px;">Sistema de segurança</div>
<label for="reg_key" class="gen">Digite o que você vê<span class="obligatory">*</span> :</label><table border="0"><tbody><tr class="zebraUm"><td align="left"><div class="captcha-img"><label for="reg_key" dir="ltr"><img src="/antirobot_pic.forum?a=9d7fa2709b142aae52d2bfc6192719a7" alt=""></label> <input type="hidden" name="username" value=""> <input type="hidden" name="time" value=""></div></td><td align="left"><input type="text" name="reg_key" id="reg_key" maxlength="5" class="post" dir="ltr"><small> (Você não é obrigado a digitar as letras do formulário.)</small></td></tr></tbody></table><hr>
<br><center><strong style="font-size:13px">© 2011 - 2013 <font color="#00A4CD">Shift</font><b><font color="#7cba2c">Actif</font></b> - Todos os direitos reservados</strong></center>
<input type="hidden" name="poll_title" maxlength="255" class="inputbox" value="Vote e avalie o tema!"><textarea style="display: none;" name="poll_option_text" rows="10" cols="40" class="inputbox">1
2
3
4
5</textarea>
</fieldset>
<input type="hidden" name="message">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="lt" value="0">
<span class="corners-bottom"><span></span></span></form></div></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<fieldset class="submit-buttons"><input value="Salvar" type="submit" class="button1" name="post" onclick="checkForum();"> | <input type="submit" name="preview" class="button2" value="Ver antes" onclick="gerarf();"> | <input type="Reset" name="apagar" class="button2" value="Apagar tudo" onclick="gerarf();"></fieldset>
<span class="corners-bottom"><span></span></span></div></div>
</div>
Até mais!
formulario 3 Sex 28 Fev 2014 - 10:19
