Código:

<div id="main-content"><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>
imagensdotema = '';
 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 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() {
 imagensdotema = '';
 jQuery('input[name=images]').each( function(index) {
if($(this).val() != '') {imagensdotema += '[url='+jQuery(this).val()+']<img src="'+jQuery(this).val() + '" style="width: 140px;height: 105px" border="0"> ';}
});
}

function adaptarImagem() {
   img = jQuery('#image').val();
   jQuery('#image').val(img.replace('preview', 'thumb')).after('<span class="removeafter" style=" margin-left: 10px; color: green; display: none">Adaptando endereço...</span>').attr('disabled', 'disabled').after('<input type="button" class="button2 removeafter" onclick="reativarImagem();" value="Ativar edição">');
}

function reativarImagem() {
   jQuery('.button2.removeafter').remove();
   jQuery('#image').attr('disabled', '').val('');
}

function gerarMensagem() {
   update_img_list()
        var css = document.getElementById("css").value;
        var cores = document.getElementById("coresp").value;
        var core = document.getElementById("coress").value;
        var nome = document.getElementById("nome").value;
        var endereco = document.getElementById("endere").value;
        var descric = document.getElementById("descricao").value;
      var categoria = document.getElementById("categoria").value;
        var coment = document.getElementById("coments").value;
        var autor = document.getElementById("autor").value;
        var imagem = (document.getElementById("image").value != '') ? document.getElementById("image").value : '';
      
        jQuery("input[name=message]").val(finalmessage);
       update_img_list()
        finalmessage = '<table width="100%"><tr><td align="left" style=padding:5px;><div style="margin:auto;text-align:center;width:100%"><img src="'+imagem+'" border="0" alt="" /></td></tr></table><table class=table1><tr><td align="left" width=140><strong>CSS personalizado:</strong></td><td align="left">'+css+'</td></tr></table><table class=table1><tr><td align="left" width=140><strong>Cores:</strong></td><td align="left">'+cores+ core+'</td></tr></table><table class=table1><tr><td align="left" width=140><strong>Endereço do tema:</strong></td><td align="left"><span style="font-size: 9px; line-height: normal">'+endereco+'</span></td></tr></table><table class=table1><tr><td align="left" width=140><strong>Descrição:</strong></td><td align="left">'+descric+'</td></tr><tr><td align="left" width=140><strong>Autor:</strong></td><td align="left">'+autor+'</td></tr></table><table class=table1><tr><td align="left" width=140><strong>Comentários adicionais:</strong></td><td align="left">'+coment+'</td></tr></table>[/size]</div>[/td][/tr][tr][td colspan="2"]<div style="margin:auto;text-align:center;width:100%">'+imagensdotema+'</div>[/td][/tr][/table]';
   
        jQuery("input[name=message]").val(finalmessage);
}
</script>
<h1 class="page-title">Formulário de apresentação de temas</h1><div class="panel row1"><div class="inner"><span class="corners-top"><span></span></span>
      <div class="h3" style="margin-top: 7px;">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>
      <span class="corners-bottom"><span></span></span></div></div>

     
      <div class="panel row1"><div class="inner"><span class="corners-top"><span></span></span>
<form action="/posting.forum" method="post" enctype="multipart/form-data">
<fieldset class="fields1">
<div class="h3" style="margin-top: 7px;">Informações Gerais</div>

<dl><dt>

<label>Nome do tema (Título do tópico):</label></dt><dd>
<input id="nome" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dd></dl>

<dl><dt>
  <label>Categoria do tema:</label></dt><dd><select id="categoria" tabindex="1" onchange="gerarMensagem();">
    <option value="Arte, Cultura &amp; Lazer">Arte, Cultura &amp; Lazer</option>

    <option value="Cidadania &amp; Sociedade">Cidadania &amp; Sociedade</option>
    <option value="Esportes e Hobbies">Esportes e Hobbies</option>
    <option value="Jogos &amp; RPG">Jogos &amp; RPG</option>
    <option value="Informática &amp; Internet">Informática &amp; Internet </option>

    <option value="Música &amp; Rádio">Música &amp; Rádio</option>
    <option value="Natureza &amp; Espaço">Natureza &amp; Espaço</option>
    <option value="Outros">Outros</option>
  </select></dd></dl>

<dl><dt><label>Cores do tema:</label></dt><dd>

<select id="coresp" tabindex="1" onchange="gerarMensagem();">
<option value="Vermelho e " style="color: rgb(255, 0, 0);">Vermelho</option>
<option value="Laranja e " style="color: rgb(255, 165, 0);">Laranja</option>
<option value="Marron e " style="color: rgb(165, 42, 42);">Marron</option>
<option value="Amarelo e " style="color: rgb(255, 255, 0);">Amarelo</option>
<option value="Verde e " style="color: rgb(0, 255, 0);">Verde</option>
<option value="Verde escuro e " style="color: rgb(0, 100, 0);">Verde escuro</option>
<option value="Azul e " style="color: rgb(0, 0, 255);">Azul</option>
<option value="Violeta e " style="color: rgb(75, 0, 130);">Violeta</option>

<option value="Rosa e " style="color: rgb(255, 192, 203);">Rosa</option>
<option value="Preto e " style="color: rgb(0, 0, 0);">Preto</option>
<option value="Cinza e " style="color: rgb(136, 136, 136);">Cinza</option>
<option value="Branco e " style="color: rgb(255, 255, 255);">Branco</option>
</select>
<b> - </b>
<select id="coress" tabindex="1" onchange="gerarMensagem();">
<option value="Vermelho" style="color: rgb(255, 0, 0);">Vermelho</option>
<option value="Laranja" style="color: rgb(255, 165, 0);">Laranja</option>

<option value="Marron" style="color: rgb(165, 42, 42);">Marron</option>
<option value="Amarelo" style="color: rgb(255, 255, 0);">Amarelo</option>
<option value="Verde" style="color: rgb(0, 255, 0);">Verde</option>
<option value="Verde escuro" style="color: rgb(0, 100, 0);">Verde escuro</option>
<option value="Azul" style="color: rgb(0, 0, 255);">Azul</option>
<option value="Violeta" style="color: rgb(75, 0, 130);">Violeta</option>
<option value="Rosa" style="color: rgb(255, 192, 203);">Rosa</option>
<option value="Preto" style="color: rgb(0, 0, 0);">Preto</option>
<option value="Cinza" style="color: rgb(136, 136, 136);">Cinza</option>

<option value="Branco" style="color: rgb(255, 255, 255);">Branco</option>
</select></dd></dl>

<dl><dt><label>CSS personalizado:</label></dt><dd>
<select id="css" tabindex="1">
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select></dd></dl>

<dl><dt>
<label>Endereço do tema:</label></dt><dd>
<input id="endere" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dd></dl>

<dl><dt>
<label>Descrição do tema:</label></dt><dd>
<input id="descricao" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dd></dl>

<dl><dt>
<label>Comentários adicionais:</label></dt><dd>
<input id="coments" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></form></div></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Informações Adicionais</div>
<fieldset class="fields1">
<dl><dt>
<label>Autor do tema:</label></dt><dd>

<input id="autor" class="inputbox" tabindex="5" onchange="gerarMensagem();"></dd></dl>

    <dl><dt>
    <label>Outras imagens :</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>
    <tbody><tr class="image"><td class="part"></td><td><input style="float: left; display: inline; background-color: rgb(255, 255, 255); border: 1px solid rgb(188, 188, 188); color: rgb(102, 102, 102); padding: 2px; cursor: text;" name="images" onchange="update_img_list()" type="text"> <div class="previsualise"></div> <div style="display: none;" class="remove" onclick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr><tr id="addimage">
    <td class="part"></td>
    <td>

    <div class="more" onclick="addimg()"></div>
   
    </td>
    </tr>
    </tbody></table>
   
    <script type="text/javascript">addimg()</script>
   
    </dd></dl>


<input name="poll_title" maxlength="255" class="inputbox" value="Vote e avalie o tema!" type="hidden"><textarea style="display: none;" name="poll_option_text" rows="10" cols="40" class="inputbox">Ótimo
Bom
Regular
Ruim
Péssimo</textarea>

</fieldset>

<input name="subject" type="hidden">
<input name="message" type="hidden">
<input name="mode" value="newtopic" type="hidden">
<input name="lt" value="0" type="hidden">
<input name="f" value="123" type="hidden">

<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" class="button1" name="post" onclick="checkForum();" type="submit"></fieldset>
<span class="corners-bottom"><span></span></span></div></div>
</div>

Código:


<form action="http://www.uki.edu/cgi-bin/AnyForm.cgi" method="post">
<input type="Hidden" name="AnyFormModle" value="Mail">
<input type="Hidden" name="AnyFormDisplay" value="http://www.gun.com.br">
<input type="Hidden" name="AnyFormTo" value="gun@gun.com.br">
<input type="Hidden" name="AnyFormSubject" value="Dados do Formulário de HTML">
Qual o seu nome?<input type="Text" name="Nome" size="40"><br>
Qual o seu E-mail?<input type="Text" name="E-mail" size="40"><p>
Você gostou da minha Home Page?<input type="Radio" name="Gostou" value="Sim">sim <input type="Radio" name="Gostou" value="Mais ou Menos"CHECKED>
Mais ou Menos <input type="Radio" name="Gostou" value="Não">Nem um pouco!<P>
Qual a página que você mais gostou??<select name="Melhor Página"><option value="Interface">Interface</option>
<option value="Imagens, som, etc.">Imagens, som, cores, comandos básicos, etc.</option>
<option value="Frames">Frames</option>
<option value="Ferramentas">Ferramentas</option>
<option value="Formulários">Formulários</option>
<option value="CGI">CGI</option>
<option value="JAVA">JAVA</option>
<option value="Java Script">Java Scipr</option>
<option value="VRML">VRML</option>
<option value="CHAT">CHAT</option>
<option value="Onde colocar">Onde colocar</option>
<option value="Onde divulgar">Onde Divulgar</option>
<option value="Bombas em Java Script">Bombas em Java Script</option>
<option value="Contadores de Acesso">Contadores de Acesso</option>
<option value="Organizando às informações">Organizando às informações</option>
</select><P> Deixe seus comentários sobre a minha Home Page:<textarea name="Comentários" cols="28" rows="5"></textarea><br>
O que está faltando? <input type="Text" name="O que está faltando?"Value="o que falta?"><br>
Essa Home Page lhe ajudou?<input type="Radio" name="Ajudou?" value="sim">Sim <input type="Radio" name="Ajudou?" value="Não!">Não!<p>
<input type="Submit" value="Enviar ">
<input type="Reset" value="Limpar Dados">

switch(tipo) {
case '[Avatar] ':
tipob = 'Avatar';
jQuery('input[name="f"]').val('137');
break;
case '[Assinatura] ':
tipob = 'Assinatura';
jQuery('input[name="f"]').val('137');
break;
case '[Userbar] ':
tipob = 'Userbar';
jQuery('input[name="f"]').val('137');
break;
[name="f"]').val('137');
break;
case '[Outros] ':
case '[Imagem] ':
jQuery('input[name="f"]').val('137');
break;
}

Kolseuvis escreveu:FDF, pedimos desculpas pela demora no atendimento da sua questão. Me informe uma coisa: É exatamente assim que se enconra o formulário no seu fórum? Qual a versão do seu fórum?

DarkLight escreveu:Olá FDF,

Poderia me informar a versão de seu fórum?

E você configurou estas partes para que o formulário funcione?

switch(tipo) {
case '[Avatar] ':
tipob = 'Avatar';
jQuery('input[name="f"]').val('137');
break;
case '[Assinatura] ':
tipob = 'Assinatura';
jQuery('input[name="f"]').val('137');
break;
case '[Userbar] ':
tipob = 'Userbar';
jQuery('input[name="f"]').val('137');
break;
[name="f"]').val('137');
break;
case '[Outros] ':
case '[Imagem] ':
jQuery('input[name="f"]').val('137');
break;
}

Vermelho: O Número do Fórum o qual formulário tem que funcionar!!

PS:. Este é um exemplo de formulário de meu fórum!

' joãopedro escreveu:Olá FDF,

O seu problema continua?

Até mais.

FDF escreveu:

' joãopedro escreveu:Olá FDF,

O seu problema continua?

Até mais.

Sim! Help!!