Formulário esquesito

Item: Formulário esquesito
Rating: 1

por IsmaelS. Dom 10 Fev - 15:05

Qual é sua questão:
Olá,

Vejam esta print:

Formulário esquesito 1_bmp25

Vejam como fica, o formulário, fica com mau aspecto, não conseguem arranja-lo, mais ou menos como o do Shiftactif ?
https://shift.forumactif.com/h4-

Endereço e versão do meu fórum:
www.master-publicitario.forumeiros.com (PunBB)

Apresente-nos imagens do problema (se necessário):
Nenhuma.

por Scrat Dom 10 Fev - 15:36

Olá,
Poderia melhor especializar o que deseja personalizar?

Até mais
Piscada

por IsmaelS. Dom 10 Fev - 16:01

Veja a print, acho o formulário, muito simples, e parece bugado, e desejava colocar direito, exemplo deste:
http://master-publicitario.forumeiros.com/h11-

Está com melhor aspecto ...

por Scrat Dom 10 Fev - 16:07

Olá,
Procure as Tags <head></head>
Dentro delas encontre / adicione a tag <style>
Dentro dela, adicione o seguinte código:

Código:: input{ width:100px; }

Finalize com </style>

Até mais
Piscada

por IsmaelS. Dom 10 Fev - 16:17

Olá,

Neste formulário não tem nada com <head>:

Código:: <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 imagem = (document.getElementById("image").value != '') ? document.getElementById("image").value : 'http://img241.imageshack.us/img241/6153/avatarfdt.png'; finalmessage = ' <table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-bottom: 0px;"><td align="left" class="row3" style="padding: 5px;"><strong>INFORMAÇÕES GERAIS DO TEMA</strong></td></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC;"><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Categoria do Tema:</strong></td> <td align="left"> ' + categoria + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Cores do tema:</strong></td> <td align="left"> ' + cores + ' ' + core + ' </td></tr> <tr><td align="left" class="row3" style="padding: 5px;" width="255px"><strong>CSS personalizado:</strong></td> <td align="left"> ' + css + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px;border: 0px;" width="255px"><strong>Endereço do tema em Hitskin.com:</strong></td> <td align="left"> ' + endereco + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Descrição do tema:</strong></td> <td align="left"> ' + descric + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Comentários adicionais:</strong></td> <td align="left"> ' + coment + ' </td></tr></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><td align="left" class="row3" style="padding: 5px;"><strong>INFORMAÇÕES ADICIONAIS DO TEMA</strong></td></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Criado por:</strong></td> <td align="left"> ' + autor + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Data da criação:</strong></td> <td align="left"> ' + data + ' </td></tr></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><td align="left" style="padding: 15px;"><div style="margin:auto;text-align:center;width:100%"><img src="' + imagem + '" border="0" title="Pré-visualização do tema" /></div></td></table> '; jQuery("input[name=message]").attr('value', finalmessage); } </script> <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> <title>Fórum dos temas - Formulário de temas v2.0</title> <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!<br> Ver um exemplo: <a href="http://temas.forumeiros.net/-t6.htm">http://temas.forumeiros.net/-t6.htm</a></ol></td></tr></table></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" /> </dd></dl><div class="h3" style="margin-top: 7px;">Informações Gerais</div> <dl><dt> <label>Versão do tema:</label></dt><dd><select name="f" tabindex="1" onChange="checkForum();" /> <option value="null">Escolha uma versão!</option> <option value="38">Phpbb2</option> <option value="38">Phpbb3</option> <option value="38">Punbb</option> <option value="38">Invision</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>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();" /></dd></dl><hr> <dl><dt> <label>Descrição do tema:</label></dt> <input id="descricao" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl><hr> <dl><dt> <label>Comentários adicionais:</label></dt> <input id="coments" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></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();" /></dd></dl><hr> <dl><dt> <label>Data da criação:</label></dt> <input id="data" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl><div class="h3" style="margin-top: 7px;">Imagem do tema</div> <dl><dt> <label>Link da imagem do tema:</label></dt> <input class="inputbox" tabindex="6" id="image" onChange="gerarMensagem();" /> </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">1 2 3 4 5 6 7 8 9 10</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></div></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span> <fieldset class="submit-buttons"><input value="Enviar a apresentação" type="submit" class="button1" name="post" onClick="checkForum();" /></fieldset> <span class="corners-bottom"><span></span></span></div></div> </form>

por Scrat Dom 10 Fev - 16:22

Olá,
Então adicione acima ou abaixo do <script> (de preferência acima).
Você pode personalizar as classes panel, select, h3, etc..

Até mais
Piscada

por IsmaelS. Dom 10 Fev - 16:33

Olá,

Poderia fazer isso por mim ? É que não entendo anda disso :/

por **Shek** Dom 10 Fev - 21:36

Olá autor!

Veja se resulta:

Código:: <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 imagem = (document.getElementById("image").value != '') ? document.getElementById("image").value : 'http://img241.imageshack.us/img241/6153/avatarfdt.png'; finalmessage = ' <table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-bottom: 0px;"><td align="left" class="row3" style="padding: 5px;"><strong>INFORMAÇÕES GERAIS DO TEMA</strong></td></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC;"><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Categoria do Tema:</strong></td> <td align="left"> ' + categoria + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Cores do tema:</strong></td> <td align="left"> ' + cores + ' ' + core + ' </td></tr> <tr><td align="left" class="row3" style="padding: 5px;" width="255px"><strong>CSS personalizado:</strong></td> <td align="left"> ' + css + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px;border: 0px;" width="255px"><strong>Endereço do tema em Hitskin.com:</strong></td> <td align="left"> ' + endereco + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Descrição do tema:</strong></td> <td align="left"> ' + descric + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Comentários adicionais:</strong></td> <td align="left"> ' + coment + ' </td></tr></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><td align="left" class="row3" style="padding: 5px;"><strong>INFORMAÇÕES ADICIONAIS DO TEMA</strong></td></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Criado por:</strong></td> <td align="left"> ' + autor + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Data da criação:</strong></td> <td align="left"> ' + data + ' </td></tr></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><td align="left" style="padding: 15px;"><div style="margin:auto;text-align:center;width:100%"><img src="' + imagem + '" border="0" title="Pré-visualização do tema" /></div></td></table> '; jQuery("input[name=message]").attr('value', finalmessage); } </script> <div class="module main"><div class="module"><div class="main-head" style="text-align:left;">Formulário dos temas</div><div class="main-content" style="padding:0;"><p>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!<br> Ver um exemplo: <a href="http://temas.forumeiros.net/-t6.htm">http://temas.forumeiros.net/-t6.htm</a></span></strong></p><div class="body"> <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> <title>Fórum dos temas - Formulário de temas v2.0</title> <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!<br> Ver um exemplo: <a href="http://temas.forumeiros.net/-t6.htm">http://temas.forumeiros.net/-t6.htm</a></ol></td></tr></table></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" /> </dd></dl><div class="h3" style="margin-top: 7px;">Informações Gerais</div> <dl><dt> <label>Versão do tema:</label></dt><dd><select name="f" tabindex="1" onChange="checkForum();" /> <option value="null">Escolha uma versão!</option> <option value="38">Phpbb2</option> <option value="38">Phpbb3</option> <option value="38">Punbb</option> <option value="38">Invision</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>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();" /></dd></dl><hr> <dl><dt> <label>Descrição do tema:</label></dt> <input id="descricao" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl><hr> <dl><dt> <label>Comentários adicionais:</label></dt> <input id="coments" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></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();" /></dd></dl><hr> <dl><dt> <label>Data da criação:</label></dt> <input id="data" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl><div class="h3" style="margin-top: 7px;">Imagem do tema</div> <dl><dt> <label>Link da imagem do tema:</label></dt> <input class="inputbox" tabindex="6" id="image" onChange="gerarMensagem();" /> </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">1 2 3 4 5 6 7 8 9 10</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></div></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span> <fieldset class="submit-buttons"><input value="Enviar a apresentação" type="submit" class="button1" name="post" onClick="checkForum();" /></fieldset> <span class="corners-bottom"><span></span></span></div></div> </form></div></div></div>

Basta adicionar:

Código:: <div class="module main"><div class="module"><div class="main-head" style="text-align:left;">TÍTULO</div><div class="main-content" style="padding:0;">DESCRIÇÃO<div class="body"> Formulário </div></div></div>

Atenciosamente.
Very Happy

por IsmaelS. Dom 10 Fev - 21:50

onde é que ativo o formulário ? no HTML ?

por **Shek** Dom 10 Fev - 21:58

Código:: <option value="38">Phpbb2</option> <option value="38">Phpbb3</option> <option value="38">Punbb</option> <option value="38">Invision</option>

Os números dentro dos parentes são correspondentes ao número do subfórum. king

Por favor, queira assistir: https://shift.forumactif.com/t21-tutorial-ativacao-do-formulario-de-postagens

Até mais. Amigos

por IsmaelS. Dom 10 Fev - 22:07

Meto, esses valores todos para o fórum "6", mas não resulta, diz fórum não existente, eu quero esse formulário a resultar aqui:
http://master-publicitario.forumeiros.com/f6-temas

por **Shek** Dom 10 Fev - 22:10

Olá!

As informações necessárias para ajudá-lo estão disponíveis no seguinte endereço: https://shift.forumactif.com/t21-tutorial-ativacao-do-formulario-de-postagens

Atenciosamente.

por IsmaelS. Dom 10 Fev - 22:17

Sim eu ja vi, mas eu so quero e ativar na HTML, no jS. ja tenho ativado ..

por **Shek** Dom 10 Fev - 22:21

Olá!

Ao modificar os numerais para o do subfórum, o formulário vai enviar o tópico para o local correto conforme marcou no formulário. O que pode estar ocorrendo é:

Os campos da versão não devem estar sendo preenchido corretamente;
O fórum marcado não existe;

Por favor, verifique as informações indicadas.

Atenciosamente.
Beleza!

por IsmaelS. Dom 10 Fev - 22:27

Veja se está correto:

Código:: <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 imagem = (document.getElementById("image").value != '') ? document.getElementById("image").value : 'http://img241.imageshack.us/img241/6153/avatarfdt.png'; finalmessage = ' <table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-bottom: 0px;"><td align="left" class="row3" style="padding: 5px;"><strong>INFORMAÇÕES GERAIS DO TEMA</strong></td></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC;"><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Categoria do Tema:</strong></td> <td align="left"> ' + categoria + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Cores do tema:</strong></td> <td align="left"> ' + cores + ' ' + core + ' </td></tr> <tr><td align="left" class="row3" style="padding: 5px;" width="255px"><strong>CSS personalizado:</strong></td> <td align="left"> ' + css + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px;border: 0px;" width="255px"><strong>Endereço do tema em Hitskin.com:</strong></td> <td align="left"> ' + endereco + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Descrição do tema:</strong></td> <td align="left"> ' + descric + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Comentários adicionais:</strong></td> <td align="left"> ' + coment + ' </td></tr></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><td align="left" class="row3" style="padding: 5px;"><strong>INFORMAÇÕES ADICIONAIS DO TEMA</strong></td></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Criado por:</strong></td> <td align="left"> ' + autor + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Data da criação:</strong></td> <td align="left"> ' + data + ' </td></tr></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><td align="left" style="padding: 15px;"><div style="margin:auto;text-align:center;width:100%"><img src="' + imagem + '" border="0" title="Pré-visualização do tema" /></div></td></table> '; jQuery("input[name=message]").attr('value', finalmessage); } </script> <div class="module main"><div class="module"><div class="main-head" style="text-align:left;">Formulário dos temas</div><div class="main-content" style="padding:0;"><p>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!<br> Ver um exemplo: <a href="http://temas.forumeiros.net/-t6.htm">http://temas.forumeiros.net/-t6.htm</a></span></strong></p><div class="body"> <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> <title>Fórum dos temas - Formulário de temas v2.0</title> <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!<br> Ver um exemplo: <a href="http://temas.forumeiros.net/-t6.htm">http://temas.forumeiros.net/-t6.htm</a></ol></td></tr></table></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" /> </dd></dl><div class="h3" style="margin-top: 7px;">Informações Gerais</div> <dl><dt> <label>Versão do tema:</label></dt><dd><select name="f" tabindex="1" onChange="checkForum();" /> <option value="null">Escolha uma versão!</option> <option value="6">Phpbb2</option> <option value="6">Phpbb3</option> <option value="6">Punbb</option> <option value="6">Invision</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>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();" /></dd></dl><hr> <dl><dt> <label>Descrição do tema:</label></dt> <input id="descricao" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl><hr> <dl><dt> <label>Comentários adicionais:</label></dt> <input id="coments" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></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();" /></dd></dl><hr> <dl><dt> <label>Data da criação:</label></dt> <input id="data" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl><div class="h3" style="margin-top: 7px;">Imagem do tema</div> <dl><dt> <label>Link da imagem do tema:</label></dt> <input class="inputbox" tabindex="6" id="image" onChange="gerarMensagem();" /> </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">1 2 3 4 5 6 7 8 9 10</textarea> </fieldset> <input type="hidden" name="message" /> <input type="hidden" name="mode" value="newtopic" /> <input type="hidden" name="lt" value="6" /> <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 a apresentação" type="submit" class="button1" name="post" onClick="checkForum();" /></fieldset> <span class="corners-bottom"><span></span></span></div></div> </form></div></div></div>

por **Shek** Dom 10 Fev - 22:50

Hum... Tente com esse:

Código:: <div class="module main"><div class="module"><div class="main-head" style="text-align:left;">Formulário de apresentação de temas do Fórum dos Temas</div><div class="main-content" style="padding:0;"><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!<br> Ver um exemplo: <a href="http://temas.forumeiros.net/-t6.htm">http://temas.forumeiros.net/-t6.htm</a><div class="body"> <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 imagem = (document.getElementById("image").value != '') ? document.getElementById("image").value : 'http://img241.imageshack.us/img241/6153/avatarfdt.png'; finalmessage = ' <table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-bottom: 0px;"><td align="left" class="row3" style="padding: 5px;"><strong>INFORMAÇÕES GERAIS DO TEMA</strong></td></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC;"><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Categoria do Tema:</strong></td> <td align="left"> ' + categoria + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Cores do tema:</strong></td> <td align="left"> ' + cores + ' ' + core + ' </td></tr> <tr><td align="left" class="row3" style="padding: 5px;" width="255px"><strong>CSS personalizado:</strong></td> <td align="left"> ' + css + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px;border: 0px;" width="255px"><strong>Endereço do tema em Hitskin.com:</strong></td> <td align="left"> ' + endereco + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Descrição do tema:</strong></td> <td align="left"> ' + descric + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Comentários adicionais:</strong></td> <td align="left"> ' + coment + ' </td></tr></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><td align="left" class="row3" style="padding: 5px;"><strong>INFORMAÇÕES ADICIONAIS DO TEMA</strong></td></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Criado por:</strong></td> <td align="left"> ' + autor + ' </td></tr><tr><td align="left" class="row3" style="padding: 5px" width="255px"><strong>Data da criação:</strong></td> <td align="left"> ' + data + ' </td></tr></table><table width="90%" style="margin: 0 auto; border: 1px solid #1675BC; border-top: 0px;"><td align="left" style="padding: 15px;"><div style="margin:auto;text-align:center;width:100%"><img src="' + imagem + '" border="0" title="Pré-visualização do tema" /></div></td></table> '; jQuery("input[name=message]").attr('value', finalmessage); } </script> <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 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" /> </dd></dl><div class="h3" style="margin-top: 7px;">Informações Gerais</div> <dl><dt> <label>Versão do tema:</label></dt><dd><select name="f" tabindex="1" onChange="checkForum();" /> <option value="null">Escolha uma versão!</option> <option value="6">Phpbb2</option> <option value="6">Phpbb3</option> <option value="6">Punbb</option> <option value="6">Invision</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>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();" /></dd></dl><hr> <dl><dt> <label>Descrição do tema:</label></dt> <input id="descricao" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl><hr> <dl><dt> <label>Comentários adicionais:</label></dt> <input id="coments" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></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();" /></dd></dl><hr> <dl><dt> <label>Data da criação:</label></dt> <input id="data" class="inputbox" tabindex="5" onChange="gerarMensagem();" /></dd></dl><div class="h3" style="margin-top: 7px;">Imagem do tema</div> <dl><dt> <label>Link da imagem do tema:</label></dt> <input class="inputbox" tabindex="6" id="image" onChange="gerarMensagem();" /> </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">1 2 3 4 5 6 7 8 9 10</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></div></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span> <fieldset class="submit-buttons"><input value="Enviar a apresentação" type="submit" class="button1" name="post" onClick="checkForum();" /></fieldset> <span class="corners-bottom"><span></span></span></div></div> </form> </div></div></div>

por IsmaelS. Dom 10 Fev - 23:04

Agora sim perfeito, resolvido.

por **Shek** Dom 10 Fev - 23:24

por Conteúdo patrocinado

Formulário esquesito

Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito

Re: Formulário esquesito