Formulário de postagem de temas

Qual é minha questão:
quem pode mim ajuda ?

Medidas que eu tomei para corrigir o problema:
quem pode mim ajuda ? ver ae img quero fazer isso !

Imagens do meu problema:
http://www.brimg.info/uploads/3/a368e8e102.bmp

Endereço do meu fórum:
mixty.forumeiros.com

Versão do meu fórum:
PUNBB

Olá,

Se refere a tabela ou o modo de exibição das mensagens?

Atenciosamente.

Olá,

Queres o mesmo modelo ou o que? Eu não compreendi muito o que você quer.

Olá Max,

O código é este:

Código:

~<div style="height:4px"></div><script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script><div style="height:4px"></div></div><div id="main"><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(115px,108px)]'+jQuery(this).val() + '[/img] ';}
});
}

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 classific = document.getElementById("classific").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 data = document.getElementById("data").value;
        var imagem = (document.getElementById("image").value != '') ? document.getElementById("image").value : '';
      
      jQuery('input[name=subject]').val(nome);
       update_img_list()
        finalmessage = '[table width="100%"][tr][td style=padding:5px;][center][img(115px,108px)]'+imagem+'[/img][/td][td][size=12][table class=table1 width=100%][tr][td width=140][b]Classificação:[/b][/td][td]'+classific+'[/td][/tr][/table][table class=table1][tr][td width=140][b]CSS personalizado:[/b][/td][td]'+css+'[/td][/tr][/table][table class=table1][tr][td width=140][b]Cores:[/b][/td][td]'+cores+ core+'[/td][/tr][/table][table class=table1][tr][td width=140][b]Endereço do tema:[/b][/td][td][size=9]'+endereco+'[/size][/td][/tr][/table][table class=table1][tr][td width=140][b]Descrição:[/b][/td][td]'+descric+'[/td][/tr][tr][td width=140][b]Criado em:[/b][/td][td]'+data+'[/td][/tr][tr][td width=140][b]Autor:[/b][/td][td]'+autor+'[/td][/tr][/table][table class=table1][tr][td width=140][b]Nossa opinião:[/b][/td][td]'+coment+'[/td][/tr][/table][/size][/center][/td][/tr][tr][td colspan="2"][center]'+imagensdotema+'[/center][/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;"><p><img style="float: left;" alt="http://i33.servimg.com/u/f33/15/93/90/67/divers10.gif" src="http://i33.servimg.com/u/f33/15/93/90/67/divers10.gif" width="70" height="72">O presente formulário tem objetivo de colher informações gerais do tema que será proposto, todos os campos devem ser preenchidos conforme pedido, caso algum dos tópicos de apresentação não estiver coerênte, o mesmo será enviado para lixeira por um Moderador local. Caso queira um tema, pesquise: <a href="http://ajuda.foruns.com.pt/-f47"> Os melhores temas da seção </a>. <span style="margin: 0pt 0px 0pt 0px; display: block;"><a href="http://ajuda.foruns.com.pt/h10-"> Atualizar o formulário</a></span></dd></dl>
<br>
<div style="float: right; margin-left: 10px;">
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=80&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>
</div></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>Descrição do tema:</label></dt><dd>
<input id="descricao" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl>

<dl><dt>
<label>Autor do tema:</label></dt><dd>
<input id="autor" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl>

<dl><dt>
  <label>Classificação:</label></dt><dd><select id="classific" tabindex="1" onChange="gerarMensagem();" />
    <option value="[img]http://2img.net/i/itest/ranks/default/default3.gif[/img] "> 2 Estrelas</option>

    <option value="[img]http://2img.net/i/itest/ranks/default/default4.gif[/img] ">3 Estrelas</option>
    <option value="[img]http://2img.net/i/itest/ranks/default/default5.gif[/img]"> 4 Estrelas</option>
    <option value="[img]http://2img.net/i/itest/ranks/default/default6.gif[/img] "> 5 Estrelas</option>
  </select></dd></dl>

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

    <option value="Cidadania & Sociedade">Cidadania & Sociedade</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>

<dl><dt><label>Cores do tema:</label></dt><dd>
<select id="coresp" tabindex="1" onChange="gerarMensagem();">
<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" onChange="gerarMensagem();">
<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>

<dl><dt><label>Tema personalizado em CCS:</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>Nossa opinião:</label></dt><dd>
<input id="coments" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl>

<dl><dt>
<label>Endereço do tema:</label></dt><dd>
<input id="endere" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></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>Data da criação:</label></dt><dd>
<input id="data" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl>

</fieldset>
<span class="corners-bottom"><span></span></span></div></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Imagem do tema</div>
<fieldset class="fields1">
<dl><dt>
  <label>Link da imagem do tema:</label></dt><dd>
  <input class="inputbox" tabindex="6" id="image" onChange="adaptarImagem(); 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>
    <tr id="addimage">
    <td class="part"></td>
    <td>
    <div class="more" onClick="addimg()"></div>
   
    </td>
    </tr>
    </table>

   
    <script type="text/javascript">addimg()</script>
   
    </dd></dl>


<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">Ótimo
Bom
Regular
Ruim
Péssimo</textarea>
</fieldset>

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

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

Sobre configurar, leia o seguinte tópico: https://ajuda.forumeiros.com/t43332-

Boas Festas, Equipe Forumeiros!

valeu ae Mr.Helper obrigado!