Vida em formulário Qua 24 Jul 2013 - 2:25
Qual é minha questão:
Olá, queridos.
Bem estou aqui pedindo um fundo(sem imagem) para o meu formulário, gostaria de deixar-lo atraente.
Caso precisem de um exemplo, em meu fórum tem uma mensagem de boas vindas antes dos fóruns/tópicos e mensagem, eu gostaria que ficasse daquele jeito.
Endereço do fórum :
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão :
PhpBB3
Olá, queridos.
Bem estou aqui pedindo um fundo(sem imagem) para o meu formulário, gostaria de deixar-lo atraente.
- Código:
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://solkis.forumdosforuns.webuda.com/gerador/form_postagens.js"></script>
<script src="http://solkis.forumdosforuns.webuda.com/gerador/fieldlist.js"></script>
<link rel="stylesheet" href="http://solkis.forumdosforuns.webuda.com/gerador/form_default.css" />
<form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">
<div id="background-form">
<h1 data-type="field">Formulário de pedidos gráficos<br></h1>
<h3 data-type="field">SOBRE O FORMULÁRIO<br></h3>
<p data-type="field">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. Assim que tudo estiver feito, poderá enviar o pedido, que será postado automaticamente. Se necessitar de alguma modificação, poderá fazer editando a sua mensagem. Lembre-se somente que antes de fazer um pedido, <strong>é recomendado ver as Regras de criações gráfica.</strong></p>
<h3 data-type="field">INFORMAÇÕES GERAIS<br></h3>
<dl>
<dt><strong>Tipo de pedido</strong></dt>
<dd><select data-type="field" id="field4"><option value="Avatar"> Avatar</option><option value="Sing"> Sing</option><option value="Sing e Assinatura"> Sing e Assinatura</option><option value="Fanbar"> Fanbar</option></select></dd>
</dl>
<dl>
<dt><strong>Cor geral do fundo</strong></dt>
<dd><select data-type="field" id="field5"><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"> Nenhuma da lista</option></select></dd>
</dl>
<dl>
<dt><strong>Tamanho geral</strong></dt>
<dd><select data-type="field" id="field6"><option value="Pequeno">Pequeno</option><option value=" Médio"> Médio</option><option value=" Grande"> Grande</option></select></dd>
</dl>
<dl>
<dt><strong>Cor geral do texto</strong></dt>
<dd><select data-type="field" id="field7"><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"> Nenhuma da lista</option></select></dd>
</dl>
<h3 data-type="field">Informações específicas</h3>
<dl title="Este tipo de campo permite criar uma lista, muito bom para lista de imagens, por exemplo.">
<dt><strong>Imagens a serem usadas</strong></dt>
<dd><div class="fields-list" data-min="1" data-max="15" data-separador=" ; " id="field9"><input type="fields_list"></div></dd>
</dl>
<dl><dt><strong>Largura (px)</strong></dt>
<dd><input type="number" min="0" max="500" data-type="field" value="0" step="1" id="field10"></dd>
</dl>
<dl><dt><strong>Altura (px)</strong></dt>
<dd><input type="number" min="0" max="500" data-type="field" value="0" step="1" id="field11"></dd>
</dl>
<dl>
<dt><strong>Fonte </strong></dt>
<dd><select data-type="field" id="field12"><option value="Arial">Arial</option><option value=" Arial Black"> Arial Black</option><option value=" Comic Sans MS"> Comic Sans MS</option><option value=" Courier New"> Courier New</option><option value=" Georgia"> Georgia</option><option value=" Times New Roman"> Times New Roman</option><option value=" Calibri"> Calibri</option><option value=" Trebuchet MS"> Trebuchet MS</option><option value=" Verdana"> Verdana</option><option value="Outra"> Outra</option></select></dd>
</dl>
<dl><dt><strong>Cor da fonte</strong></dt>
<dd><input type="color_picker" class="color" data-type="field" value="#FFFFFF" id="field13"></dd>
</dl>
<dl><dt><strong>Cor do fundo</strong></dt>
<dd><input type="color_picker" class="color" data-type="field" value="#FFFFFF" id="field14"></dd>
</dl>
<dl><dt><strong>Animação</strong></dt>
<dd><input placeholder="Caso queira uma animação não esqueça de dizer qual !" type="text" data-type="field" value="" id="field15"></dd>
</dl>
<dl>
<dt><strong>Descrição do trabalho</strong></dt>
<dd><textarea placeholder="Deseja alguma mensagem escrita na imagem? Se sim, não se esqueça de citar aqui !" data-type="field" id="field16"></textarea></dd>
</dl>
<input type="hidden" name="f" value="35">
<input type="hidden" name="subject" value="O script não enviou o título" template="[{field4}] - {field5} / {field6}">
<input type="hidden" name="description" value="O script não enviou a descrição" template="">
<textarea name="message" style="display:none"></textarea>
<textarea id="message-template-bbcode" style="display:none"><strong>Tipo de pedido</strong> : {field4}
<strong>Cor geral do fundo</strong> : {field5}
<strong>Tamanho geral </strong>: {field6}
<strong>Cor geral do texto</strong> : {field7}
<strong>Imagens a serem usadas</strong> : {field9}
<strong>Largura (px)</strong> : {field10}
<strong>Altura (px)</strong> : {field11}
<strong>Fonte </strong> : {field12}
<strong>Cor da fonte</strong> : {field13}
<strong>Cor do fundo</strong> : {field14}
<strong>Animação</strong> : {field15}
<strong>Descrição do trabalho</strong> : {field16}</textarea>
<center><input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="lt" value="0">
<strong> <input type="submit" name="post" class="button1" value="Enviar seu pedido gráfico">
<input type="submit" name="preview" class="button2" value="Pré-Visualizar" tabindex="5">
</div></center>
</form>
Caso precisem de um exemplo, em meu fórum tem uma mensagem de boas vindas antes dos fóruns/tópicos e mensagem, eu gostaria que ficasse daquele jeito.
Endereço do fórum :
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão :
PhpBB3