Preciso deste html

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Preciso deste html

Mensagem por T-Dog em 16/12/12, 07:16 pm

Qual é minha questão:


Preciso do html utilizado neste formulário!


Endereço do fórmulário:
http://temas.forumeiros.net/h6-
Endereço do meu fórum:
http://temas.ativoforum.com

Versão do fórum:
PHPBB3


Última edição por T-Dog em 16/12/12, 07:37 pm, editado 1 vez(es)
avatar

T-Dog
Nível 9

Masculino
Inscrito dia : 16/11/2012
Mensagens : 223
Pontos Ativos : 363

Ver perfil do usuário http://codeforumeiros.forumeiros.com/

Resolvido Re: Preciso deste html

Mensagem por BrunoH. em 16/12/12, 07:29 pm

Olá!
Aqui está:
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://illiweb.com/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></div>

Até mais. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum