Tipo de questionário

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

Resolvido Tipo de questionário

Mensagem por Ronald Bringstrow em 16/12/12, 01:40 am

Qual é minha questão:
Olá... Se este tópico estiver no lugar errado, peço perdão, sou novo nisso... Então... vamos ao que importa... Eu estava andando por outros fóruns e vi um questionário que me chamou atenção(Veja o print do questionário em questão: ( http://i.imgur.com/v0HN2.png )

Eu sei que ele é feito no google Docs, mas como deixar ele na página daquela forma? DAQUELA FORMA. Quando coloca o mouse sobre o espaço destinado a escrita, uma tarja aparece do lado explicando o que se deve por naquele espaço... O link do local onde o questionário está...: http://vira-tempo.forumeiros.com/t330-ficha-para-cargos-adultos

Agradecidamente,
Ronald Bringstrow

Endereço do meu fórum:
http://worldsupernatural.forumeiros.com

Versão do fórum:
PHPBB2
avatar

Ronald Bringstrow
Novo membro

Masculino
Inscrito dia : 16/12/2012
Mensagens : 1
Pontos Ativos : 3

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

Resolvido Re: Tipo de questionário

Mensagem por iPrompt em 16/12/12, 08:27 am

Olá,

Crie um tópico com este código

Código:
<html class="embed safari">
<head>

<title>
Formulário de Cargos
</title>

<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="generator" content="Wufoo">
<meta name="robots" content="noindex, noarchive">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<meta name="description" content="Wufoo is a web form builder that helps anyone create beautiful forms, surveys and invitations without writing a single line of code.">
<link rel="canonical" href="http://cargos.wufoo.com/forms/z7x3x5/">

<!-- CSS -->
<link href="/stylesheets/public/forms/css/index.649.css" rel="stylesheet">
<link href="/css/custom/2/theme.css" rel="stylesheet">

<!--[if lt IE 10]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body id="public" onorientationchange="window.scrollTo(0, 1)">



<div id="container" class="ltr">
<h1 id="logo">
<a>Wufoo</a>
</h1>

<form id="form1" name="form1" class="wufoo topLabel page1" autocomplete="off" enctype="multipart/form-data" method="post" novalidate
action="http://cargos.wufoo.com/embed/z7x3x5/#public">

<header id="header" class="info">
<h2>Formulário de Cargos</h2>
<div>Este formulário é para a solicitação de cargos, antes de preenchê-lo, por gentileza observe os cargos disponíveis e suas respectivas exigências.<br />
<br />
*Caso haja inatividade da conta ou não seja cumprida a função do seu cargo, ele será retirado.</div>
</header>

<ul>




<li id="fo1li1"
class="notranslate      ">


<label class="desc" id="title1" for="Field1">
1. Dados em Off - Seu nome, idade, frequencia com que entra no fórum, possui outras contas? Se sim, quais?
<span id="req_1" class="req">*</span>
</label>

<div>
<textarea id="Field1"
name="Field1"
class="field textarea medium"
spellcheck="true"
rows="10" cols="50"
tabindex="1"
onkeyup="handleInput(this); "
onchange="handleInput(this);"
required  ></textarea>

</div>

<p class="instruct" id="instruct1"><small>Os dados a serem colocado aqui são os seus dados verdadeiros.</small></p>


</li>



<li id="fo1li2" class="notranslate      ">
<label class="desc" id="title2" for="Field2">
2. Nome
<span id="req_2" class="req">*</span>
</label>
<span>
<input id="Field2" name="Field2" type="text" class="field text fn" value="" size="8" tabindex="2" onkeyup="handleInput(this);" onchange="handleInput(this);" required />
<label for="Field2">Nome</label>
</span>
<span>
<input id="Field3" name="Field3" type="text" class="field text ln" value="" size="14" tabindex="3" onkeyup="handleInput(this);" onchange="handleInput(this);" required />
<label for="Field3">Sobrenome</label>
</span>
<p class="instruct" id="instruct2"><small>Coloque aqui o nome completo do seu personagem.</small></p>
</li>



<li id="fo1li4" class="notranslate      ">
<label class="desc" id="title4" for="Field4">
3. Idade
<span id="req_4" class="req">*</span>
</label>
<div>
<input id="Field4" name="Field4" type="text" class="field text medium" value="" maxlength="255" tabindex="4" onkeyup="handleInput(this); " onchange="handleInput(this);" required />
</div>
<p class="instruct" id="instruct4"><small>Coloque aqui a idade do seu personagem.</small></p>
</li>


<li id="fo1li6" class="notranslate      ">
<label class="desc" id="title6" for="Field6">
4. Cargo Desejado
<span id="req_6" class="req">*</span>
</label>
<div>
<input id="Field6" name="Field6" type="text" class="field text medium" value="" maxlength="255" tabindex="5" onkeyup="handleInput(this); " onchange="handleInput(this);" required />
</div>
<p class="instruct" id="instruct6"><small>Coloque seu cargo completo e caso tenha, coloque o seu departamento também.</small></p>
</li>


<li id="fo1li8"
class="notranslate      ">


<label class="desc" id="title8" for="Field8">
5. Por que você acha que deve ser escolhido para esse cargo?
<span id="req_8" class="req">*</span>
</label>

<div>
<textarea id="Field8"
name="Field8"
class="field textarea medium"
spellcheck="true"
rows="10" cols="50"
tabindex="6"
onkeyup="handleInput(this); "
onchange="handleInput(this);"
required  ></textarea>

</div>

<p class="instruct" id="instruct8"><small>Me de boas razões para te colocar nele.</small></p>


</li>



<li id="fo1li9"
class="notranslate      ">


<label class="desc" id="title9" for="Field9">
6. Explique no que consiste o seu cargo e o que pretende fazer ao exercer essa função.
<span id="req_9" class="req">*</span>
</label>

<div>
<textarea id="Field9"
name="Field9"
class="field textarea medium"
spellcheck="true"
rows="10" cols="50"
tabindex="7"
onkeyup="handleInput(this); "
onchange="handleInput(this);"
required  ></textarea>

</div>



</li>



<li id="fo1li10"
class="notranslate      ">


<label class="desc" id="title10" for="Field10">
7. Quais são seus maiores defeitos e qualidades? (Cite 3 de cada) E como eles irão ajudar ou atrapalhar no exercício da sua função?
<span id="req_10" class="req">*</span>
</label>

<div>
<textarea id="Field10"
name="Field10"
class="field textarea medium"
spellcheck="true"
rows="10" cols="50"
tabindex="8"
onkeyup="handleInput(this); "
onchange="handleInput(this);"
required  ></textarea>

</div>

<p class="instruct" id="instruct10"><small>A segunda pergunta deve ser respondida para todas as qualidades e defeitos que você colocar.</small></p>


</li>



<li id="fo1li11"
class="notranslate      ">


<label class="desc" id="title11" for="Field11">
8. Por que você deseja este cargo?
<span id="req_11" class="req">*</span>
</label>

<div>
<textarea id="Field11"
name="Field11"
class="field textarea medium"
spellcheck="true"
rows="10" cols="50"
tabindex="9"
onkeyup="handleInput(this); "
onchange="handleInput(this);"
required  ></textarea>

</div>

<p class="instruct" id="instruct11"><small>Esta pergunta não é igual a 5, aqui você deve informar por que VOCÊ quer este cargo e não outro.</small></p>


</li>



<li id="fo1li15"
class="notranslate      ">


<label class="desc" id="title15" for="Field15">
9. Faça uma biografia do seu personagem.
<span id="req_15" class="req">*</span>
</label>

<div>
<textarea id="Field15"
name="Field15"
class="field textarea medium"
spellcheck="true"
rows="10" cols="50"
tabindex="10"
onkeyup="handleInput(this); "
onchange="handleInput(this);"
required  ></textarea>

</div>

<p class="instruct" id="instruct15"><small>A biografia é obrigatória para os cargos do ministério, para os demais ela é opcional.</small></p>


</li>



<li id="fo1li14"
class="notranslate      ">


<label class="desc" id="title14" for="Field14">
10. Desenvolva uma interação singular ou pluralista onde você está exercendo o seu respectivo cargo.
<span id="req_14" class="req">*</span>
</label>

<div>
<textarea id="Field14"
name="Field14"
class="field textarea medium"
spellcheck="true"
rows="10" cols="50"
tabindex="11"
onkeyup="handleInput(this); "
onchange="handleInput(this);"
required  ></textarea>

</div>

<p class="instruct" id="instruct14"><small>Antes de fazer a interação, certifique-se de ter observado qual a interação necessário para o cargo que pretende assumir.<br />
[Nota: Singular - Onde só há a sua personagem; Pluralista - Onde há sua personagem e outros (Os outros personagens devem ser fictícios).]<br />
Atente-se para a coerência ortográfica, norma Culta e a estética da interação, pois todos esses e outros aspectos são cruciais em sua avaliação.</small></p>


</li>


 


<li class="buttons ">
<div>
<input type="hidden" name="currentPage" id="currentPage" value="xZknOu8P265hmIECfddjiq0spzF0KNL58xNrpZP88sU=" />

                    <input id="saveForm" name="saveForm" class="btTxt submit"
    type="submit" value="Enviar"
 onmousedown="doSubmitEvents();" />


</div>
</li>

<li class="hide">
<label for="comment">Do Not Fill This Out</label>
<textarea name="comment" id="comment" rows="1" cols="1"></textarea>
<input type="hidden" id="idstamp" name="idstamp" value="uzi8+XVLV13e8eoZlQrxb7J/LhV3FWaXOHAEdj6d0wA=" />
<input type="hidden" id="stats" name="stats" value="{&quot;errors&quot;:0,&quot;startTime&quot;:0,&quot;endTime&quot;:0,&quot;referer&quot;:null}" />
<input type="hidden" id="clickOrEnter" name="clickOrEnter" value="" />
</li>
</ul>
</form>

</div><!--container-->


<!-- JavaScript -->
<script src="/scripts/public/dynamic.649.js?language=brazilian-portuguese"></script>

<script>
__RULES = [];
__ENTRY = [];
__PRICES = null;

</script>


</body>
</html><script type="text/javascript">
__EMBEDKEY = "false"
</script>

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Tipo de questionário

Mensagem por Sennior em 16/12/12, 11:01 am

Olá!

Use este código:

Código:
<table style="width:600px; padding:5px; border:2px dashed #4F4F4F"><tbody><tr><td><center><div style="width:600px; background: url(http://i45.servimg.com/u/f45/15/65/31/89/201n5c10.jpg); opacity: 0.85; padding: 10px; font-family: verdana; font-size: 12px; text-align: justify; color: 000"><div style="text-align: center; font-family: georgia; text-transform: uppercase; font-size: 25px; letter-spacing: -1px; word-spacing: 1px; line-height: 80%; color:#9C9C9C; padding-top: 10px;"></div> <font face="Tahoma"><font color="#9C9C9C"><span style="font-size: 14px; line-height: normal">Caso tenha algum problema com a ficha acesse este Link.<br><br><iframe height="2550" allowtransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://cargos.wufoo.com/embed/z7x3x5/">&lt;a href="http://cargos.wufoo.com/forms/z7x3x5/"&gt;Fill out my Wufoo form!&lt;/a&gt;</iframe></span></font></font></div></center></td></tr></tbody></table>

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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