Formuláro de postagens como fórum dos fóruns

[Gunow.]

Qual é minha questão:
Eu queria colocar um menu padrão para postagem de Tópicos como na sessão de Artes Gráficas dp FdF. Segue a imagem:



Link:
https://2img.net/r/ihimizer/img830/6343/semttulozau.png
Porém sem o campo "Endereço do seu Fórum" e na parte do tipo de pedido queria que fosse "Avatar" "Assinatura" " Fã bar" e "Set Completo".

Medidas que eu tomei para corrigir o problema:
Perguntar a vocês

Imagens do meu problema:


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

Versão do meu fórum:
PHPBB3

[seender]

Olá!

Leia este tópico: Criar um formulário de postagens.

Melhores cumprimentos,
seender

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'

[Dury]

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá,

Depois de ler o conteúdo dado por "Seender", use o código abaixo que é o do formulário de postagens do Fórum dos Fóruns.

Código:

<script>
function gerartitulo() {
  var tipo = document.getElementById("tipo").value;
  var cor = document.getElementById("cor").value;
  var tamanho = document.getElementById("tamanho").value;
  var texto = document.getElementById("texto").value;
  var textotonalidade = document.getElementById("textotonalidade").value;
  var cortonalidade = document.getElementById("cortonalidade").value;

  jQuery("input[name=subject]").attr('value', tipo+cor+cortonalidade+tamanho+texto+textotonalidade);
}
imagensdopedido = '';

function addimg() {
  imagensdopedido = imagensdopedido + document.getElementById("imagens").value + " , ";
  document.getElementById("imagens").value = "";
  document.getElementById("imagens").focus();
}

function gerarpedido() {
  var cordofundo = document.getElementById("fundo").value;
  var cordafonte = document.getElementById("fontecor").value;
  var nomedafonte = (document.getElementById("fonte").value == '') ? document.getElementById("fonteNome").value : document.getElementById("fonte").value;
  var tipodeanimacao = (document.getElementById("animacao").value == '') ? document.getElementById("animacaoNome").value : document.getElementById("animacao").value;
  var tipodemoldura = (document.getElementById("moldura").value == '') ? document.getElementById("molduraNome").value : document.getElementById("moldura").value;
  var descricaodopedido = document.getElementById("adicionais").innerHTML;
  var descricaodopedido = document.getElementById("adicionais").value;
  var dimensaoA = document.getElementById("dimensoesA").value;
  var dimensaoL = document.getElementById("dimensoesL").value;
 
  finalmessage = '[b\]Imagens a serem usadas :[/b\] ' + imagensdopedido + '\n [b\]Dimensões :[/b\] ' + dimensaoA + 'px X ' + dimensaoL + 'px\n[b\]Cor do fundo :[/b\] ' + cordofundo + '\n[b\]Cor da fonte :[/b\] ' + cordafonte + '\n[b\]Fonte :[/b\] ' + nomedafonte + '\n[b\]Animação :[/b\] ' + tipodeanimacao + '\n[b\]Moldura :[/b\] ' + tipodemoldura + '\n[b\]Descrição do trabalho :[/b\] ' + descricaodopedido;
 
  jQuery("input[name=message]").attr('value', finalmessage);
}

function outra(id) {
  var inputID = id+"Nome";
  (document.getElementById(id).value == '') ? document.getElementById(inputID).style.display = 'inline' : document.getElementById(inputID).style.display = 'none';
  document.getElementById(inputID).focus();
}

</script>
<div id="form_pedidos_graficos">
<!-- Formulário dos pedidos -->
<h1 class="page-title">Formulário de pedidos gráficos</h1><div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
  <div class="h3" style="margin-top: 7px;">Formulário de pedidos V2.0</div>
  <p style="font-size: 12px;">O formulário em baixo foi criado de forma a puder organizar melhor a forma como são feitos os pedidos gráficos. Selecione as opções que pretende para o seu tópico.
</p><span class="corners-bottom"><span></span></span>
</div>
</div><div class="clear" style="height: 6px;"></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Informações gerais</div>

<form action="/posting.forum" method="post" enctype="multipart/form-data" name="fa_form" id="fa_form" onsubmit="verificaForm();">
<fieldset class="fields1">

<dl><dt>
  <label>Tipo de pedido :</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" />
<option value=""></option>
    <option value="[Avatar] ">Avatar</option>
    <option value="[Assinatura] ">Assinatura</option>
    <option value="[Userbar] ">Userbar</option>
    <option value="[Banner] ">Banner</option>

    <option value="[Logo] ">Logo</option>
    <option value="[Botões] ">Botões</option>
    <option value="[Ícones] ">Ícones</option>
    <option value="[Ranks] ">Ranks</option>
    <option value="[Outros] ">Outros</option>
    <option value="[Imagem] ">Imagem em geral</option>

  </select></dd></dl>

<dl><dt>
  <label>Cor geral :</label></dt><dd><select id="cor" tabindex="2" onChange="gerartitulo();" />
  <option value=" "></option>
    <option value="Vermelho">Vermelho</option>
    <option value="Verde">Verde</option>
    <option value="Amarelo">Amarelo</option>

    <option value="Azul">Azul</option>
    <option value="Roxo">Roxo</option>
    <option value="Rosa">Rosa</option>
    <option value="Laranja">Laranja</option>
    <option value="Branco">Branco</option>
    <option value="Preto">Preto</option>

    <option value="Cinza">Cinza</option>
    <option value="Marrom">Marrom</option>
    <option value="Transparente">Transparente</option>
    <option value="">Nenhuma da lista</option></select>    <select id="cortonalidade" onChange="gerartitulo();" />
<option value=""></option>
    <option value="">Normal</option>

    <option value=" claro">Claro</option>
    <option value=" escuro">Escuro</option></select></dd></dl>

<dl><dt>
  <label>Tamanho geral :</label></dt><dd><select id="tamanho" tabindex="3" onChange="gerartitulo();" />
  <option value=" "></option>
    <option value=" - Pequeno ">Pequeno</option>
    <option value=" - Médio ">Médio</option>

    <option value=" - Grande ">Grande</option></select></dd></dl>

<dl><dt>
  <label>Cor geral do texto :</label></dt><dd><select id="texto" tabindex="4" onChange="gerartitulo();" />
  <option value=" "></option>
    <option value="- Texto vermelho ">Vermelho</option>
    <option value="- Texto verde ">Verde</option>
    <option value="- Texto amarelo ">Amarelo</option>

    <option value="- Texto azul ">Azul</option>
    <option value="- Texto roxo ">Roxo</option>
    <option value="- Texto rosa ">Rosa</option>
    <option value="- Texto laranja ">Laranja</option>
    <option value="- Texto branco ">Branco</option>
    <option value="- Texto preto ">Preto</option>

    <option value="- Texto cinza ">Cinza</option>
    <option value="- Texto marrom ">Marrom</option>
    <option value="">Nenhuma da lista</option></select>    <select id="textotonalidade" onChange="gerartitulo();" />
<option value=""></option>
    <option value="">Normal</option>
    <option value=" claro">Claro</option>

    <option value=" escuro">Escuro</option></select></dd></dl>

</fieldset>

<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div><div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Informações específicas</div>

<fieldset class="fields1">

<dl><dt>
  <label>Imagens a serem usadas :</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.
  <input class="inputbox" type="text" id="imagens" tabindex="5" onChange="gerarpedido();" style="clear: both;" />

<a href="javascript: addimg();"><img src="http://2img.net/i/fa/fdf3/plus10.png" /></a></dd></dl>
<dl><dt>
  <label>Dimensões :</label></dt>
<dd>  <input class="inputbox" type="text" id="dimensoesL" tabindex="6" onChange="gerarpedido();" style="width: 30px; clear: both;" />
px (largura)    X
  <input class="inputbox" type="text" id="dimensoesA" tabindex="6" onChange="gerarpedido();" style="width: 30px; clear: both;" />  px (altura)
</dd></dl>
<dl><dt>
  <label>Cor do fundo :</label></dt>
<dd>Código hexadecimal ou nome da cor que será usada no fundo do pedido. <a onclick="(document.getElementById('colorsel1').style.display == 'none') ? document.getElementById('colorsel1').style.display = 'block' : document.getElementById('colorsel1').style.display = 'none'" href="javascript:">Exibir/ocultar seletor de cores hexadecimal</a>

  <input class="inputbox" type="text" id="fundo" tabindex="6" onChange="gerarpedido();" style="width: 300px; clear: both;" />
</dd></dl>
<center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.2createawebsite.com/build/color.swf" width="500" height="450" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" style="display: none;" id="colorsel1"></embed></center>

<dl><dt>
  <label>Cor da fonte :</label></dt>
<dd>Código hexadecimal ou nome da cor que será usada na fonte do pedido. <a onclick="(document.getElementById('colorsel2').style.display == 'none') ? document.getElementById('colorsel2').style.display = 'block' : document.getElementById('colorsel2').style.display = 'none'" href="javascript:">Exibir/ocultar seletor de cores hexadecimal</a>
  <input class="inputbox" type="text" id="fontecor" tabindex="7" onChange="gerarpedido();" style="width: 300px; clear: both;" />
</dd></dl>
<center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.2createawebsite.com/build/color.swf" width="500" height="450" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" style="display: none;" id="colorsel2"></embed></center>

<dl><dt>
  <label>Fonte :</label></dt><dd><select id="fonte" tabindex="8" onChange="outra('fonte'); gerarpedido();" />
  <option value=" "></option>
    <option value="Arial" style="font-family: Arial;">Arial</option>
    <option value="Arial Black" style="font-family: Arial Black;">Arial Black</option>
    <option value="Comic Sans MS" style="font-family: Comic Sans MS;">Comic Sans MS</option>
    <option value="Courier New" style="font-family: Courier New;">Courier New</option>

    <option value="Georgia" style="font-family: Georgia;">Georgia</option>
    <option value="Times New Roman" style="font-family: Times New Roman;">Times New Roman</option>
    <option value="Calibri" style="font-family: Calibri;">Calibri</option>
    <option value="Trebuchet MS" style="font-family: Trebuchet MS;">Trebuchet MS</option>
    <option value="Verdana" style="font-family: Verdana;">Verdana</option>
    <option value="Visitor TTK 2" style="font-family: Visitor TTK 2;">Visitor TTK 2 (usada em Userbars)</option>

    <option value="">Outra</option>
</select>  <input id="fonteNome" style="display: none; width: 400px;" class="inputbox" value="Qual?" onclick="if (this.value == 'Qual?') this.value = '';" onblur="if (this.value == '') this.value = 'Qual?';" onChange="gerarpedido();" onfocus="if (this.value == 'Qual?') this.value = '';" onblur="if (this.value == '') this.value = 'Qual?';"></dd></dl>

<dl><dt>
  <label>Animação :</label></dt><dd><select id="animacao" tabindex="9" onChange="outra('animacao'); gerarpedido();" />
  <option value=" "></option>
    <option value="Não">Não</option>
    <option value="">Sim</option>

</select>  <input id="animacaoNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>

<dl><dt>
  <label>Moldura :</label></dt><dd><select id="moldura" tabindex="9" onChange="outra('moldura'); gerarpedido();" />
  <option value=" "></option>
    <option value="Não">Não</option>
    <option value="">Sim</option>
</select>  <input id="molduraNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>

<dl><dt>
  <label>Descrição do trabalho :</label></dt>
<dd><textarea class="inputbox" id="adicionais" tabindex="11" onChange="gerarpedido();" style="clear: both; height: 100px;"></textarea></dd></dl>

</fieldset>

<input type="hidden" name="message" />
<input type="hidden" name="subject" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="1" />
<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>
<center><fieldset class="submit-buttons"><input value="Enviar seu pedido gráfico" type="submit" class="button1" name="post" /></center></fieldset>
<span class="corners-bottom"><span></span></span></div></div>
</form>