[Apresentação] okdok

Code:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<div id="main-content"><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;
 
  document.getElementById("tit").innerHTML = tipo+cor+cortonalidade+tamanho+texto+textotonalidade;
}

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

function gerarpedido() {
  document.getElementById("cordofundo").innerHTML = document.getElementById("fundo").value;
  document.getElementById("cordafonte").innerHTML = document.getElementById("fontecor").value;
  document.getElementById("nomedafonte").innerHTML = (document.getElementById("fonte").value == '') ? document.getElementById("fonteNome").value : document.getElementById("fonte").value;
  document.getElementById("tipodeanimacao").innerHTML = (document.getElementById("animacao").value == '') ? document.getElementById("animacaoNome").value : document.getElementById("animacao").value;
  document.getElementById("tipodemoldura").innerHTML = (document.getElementById("moldura").value == '') ? document.getElementById("molduraNome").value : document.getElementById("moldura").value;
  document.getElementById("descricaodopedido").innerHTML = document.getElementById("adicionais").innerHTML;
  document.getElementById("descricaodopedido").innerHTML = document.getElementById("adicionais").value;
  document.getElementById("dimensaoA").innerHTML = document.getElementById("dimensoesA").value;
  document.getElementById("dimensaoL").innerHTML = document.getElementById("dimensoesL").value;
}

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>


<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;">Sobre o formulário</div>
<center style="font-size: 11px;">O presente formulário foi criado com o objetivo de promover uma maior organização dos pedidos feitos na seção gráfica deste fórum. Em cada uma das divisões abaixo poderá encontrar uma parte do código, a primeira caixa - "Informações gerais" -  vale para o título e a segunda para o corpo da mensagem. Deverá colcoar o resultado gerado ao final na caixa de mensagens quando for criar o seu pedido.</center>
<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>

<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="">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>
<br><dl class="codebox" style="background-color: rgb(202, 220, 235); border: medium none;"><dt style="text-transform: none; text-decoration: underline; font-size: 11px; border-bottom: 1px solid rgb(255, 255, 255);">Código do título:</dt><dd><code><span id="tit">  </span></code></dd></dl>

<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" id="imagens" tabindex="5" onchange="gerarpedido();" style="clear: both;" type="text"> 
<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" id="dimensoesL" tabindex="6" onchange="gerarpedido();" style="width: 30px; clear: both;" type="text"> 
px (largura)    X   
  <input class="inputbox" id="dimensoesA" tabindex="6" onchange="gerarpedido();" style="width: 30px; clear: both;" type="text">  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" id="fundo" tabindex="6" onchange="gerarpedido();" style="width: 300px; clear: both;" type="text"> 
</dd></dl>
<center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.2createawebsite.com/build/color.swf" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" style="display: none;" id="colorsel1" height="450" width="500"><a class="cgczgtouxvdiwmmgroow" href="http://www.2createawebsite.com/build/color.swf"></a></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" id="fontecor" tabindex="7" onchange="gerarpedido();" style="width: 300px; clear: both;" type="text"> 
</dd></dl>
<center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.2createawebsite.com/build/color.swf" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" style="display: none;" id="colorsel2" height="450" width="500"><a class="cgczgtouxvdiwmmgroow" href="http://www.2createawebsite.com/build/color.swf"></a></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="">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 = '';" 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 = '';" 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 = '';" 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>

<br><br><dl class="codebox" style="background-color: rgb(202, 220, 235); border: medium none;"><dt style="text-transform: none; text-decoration: underline; font-size: 11px; border-bottom: 1px solid rgb(255, 255, 255);">Código da mensagem:</dt><dd><code><strong>Imagens a serem usadas :</strong> <span id="imagensdopedido"></span><br>
<strong>Dimensões :</strong> <span id="dimensaoL"></span>px X <span id="dimensaoA"></span>px<br>
<strong>Cor do fundo :</strong> <span id="cordofundo"></span><br><strong>Cor da fonte :</strong> <span id="cordafonte"></span><br><strong>Fonte :</strong> <span id="nomedafonte"></span><br><strong>Animação :</strong> <span id="tipodeanimacao"></span><br><strong>Moldura :</strong> <span id="tipodemoldura"></span><br><strong>Descrição do trabalho :</strong> <span id="descricaodopedido"></span></code></dd></dl>

<span class="corners-bottom"><span></span></span></div></div><script>gerartitulo();</script></div>

# ritaandrade' wrote:Será só por perceber de programação?
Ou uma forma de agradecer pela ajuda prestada?

# ritaandrade' wrote:Isso foi alguma boca? :-.-||:

Não tenho nada contra a Patrícia Caramelo, contra o Carvalhinho nem contra o João Almeida, mas só por virem do recrutamento do FdF, entraram logo para a equipa?
Isto é que é bom :D