Formulário de Recrutamento

4 participantes

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

Tópico resolvido Formulário de Recrutamento

Mensagem por Vete 13.08.20 17:25

Detalhes da questão


Endereço do fórum: https://soa-nwdgames.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá pessoal, eu quero criar um formulário de recrutamento em meu fórum, que ao enviar, o mesmo seja redirecionado para uma área privativa da equipe, no entanto, não sei como fazer isso..
Vocês podem me ajudar ? Muito feliz
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Chanp 13.08.20 19:34

Olá @Vete,

Você pode fazer isso por meio de um formulário HTML. Suponho que você não tenha conhecimento em HTML, CSS e Javascript, que seriam necessários. Portanto, recomendo que você utilize o Gerador de Formulários 1.0 que, na minha opinião, é um pouco complicado de utilizar.

Além disso, você também pode utilizar o Gerador de Formulários 2.0, que encontra-se disponível no fórum de suporte italiano da Forumeiros. O problema é que ele está na lingua italiana e, portanto, será necessário utilizar o Google Tradutor, mas em contrapartida, é bem mais simples de usar.

Ao gerar seu formulário, basta retornar aqui e me informar que o processo foi concluído. Então, daremos início ao segundo processo.

Caso tenha dúvidas de como utilizar o Gerador de Formulários 2.0, você pode acessar este tutorial. Ele está em português e explica as mesmas funções existentes no gerador italiano.

Fico no aguardo!
Chanp Feliz
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 14.08.20 3:26

Chanp escreveu:Olá @Vete,

Você pode fazer isso por meio de um formulário HTML. Suponho que você não tenha conhecimento em HTML, CSS e Javascript, que seriam necessários. Portanto, recomendo que você utilize o Gerador de Formulários 1.0 que, na minha opinião, é um pouco complicado de utilizar.

Além disso, você também pode utilizar o Gerador de Formulários 2.0, que encontra-se disponível no fórum de suporte italiano da Forumeiros. O problema é que ele está na lingua italiana e, portanto, será necessário utilizar o Google Tradutor, mas em contrapartida, é bem mais simples de usar.

Ao gerar seu formulário, basta retornar aqui e me informar que o processo foi concluído. Então, daremos início ao segundo processo.

Caso tenha dúvidas de como utilizar o Gerador de Formulários 2.0, você pode acessar este tutorial. Ele está em português e explica as mesmas funções existentes no gerador italiano.

Fico no aguardo!
Chanp Feliz

Pronto Chanp, sou bem tapado mesmo rsrs.
Criei pelo gerador 1.0, agora como faço para ativá-lo ?
Quero que quando a pessoa apertar no fórum "Recrutamento", já redirecione ao formulário.

Obrigado
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Chanp 14.08.20 11:52

Você poderia me enviar o código gerado, por favor?
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 14.08.20 12:00

Perdão, aqui está:

Código:
<br /> <script src="http://jscolor.com/jscolor/jscolor.js" type="text/javascript"></script>            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="https://ajuda.forumeiros.com/29110.js"></script>                <script src="https://ajuda.forumeiros.com/28074.js"></script>                <style>
            #generated_form .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }
 
#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}
 
#generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
 
#generated_form dt {
   width: 30%;
   padding-top: 5px;
   border: none;
   float: left;
}
 
#generated_form dd {
   padding: 5px;
   padding-right: 5px;
   margin-left: 30%;
   vertical-align: middle;
}
#generated_form dl:hover dt {
   color: #666;
}
 
#generated_form input {
   font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #333333;
   padding: 2px;
   vertical-align: middle;
   padding-left: 4px;
}
 
#generated_form input[disabled] {
   background-color:#ddd;
   cursor:pointer;
}
 
#generated_form select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   cursor: default;
   vertical-align: middle;
   width:auto;
   max-width:100%;/* Bug IE */
   padding: 1px;
}
 
#generated_form textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 300px;
   height: 100px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
}
 
#generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 300px;
   cursor: text;
}
</style>       
<form enctype="multipart/form-data" method="post" id="generated_form" action="/posting.forum" onsubmit="submit_form();">
     <input value="0" name="form_mode" type="hidden" />                  <input value="2" name="f" type="hidden" />                <input template="[Votação] Novo membro" value="O script não enviou o título" name="subject" type="hidden" />                <input template="" value="O script não enviou a descrição" name="description" type="hidden" />                <textarea style="display:none" name="message"></textarea>                                <textarea style="display:none" id="message-template-bbcode-0">Nick:
Level:
Qual sua modalidade (DM ou Racer)?
Por que quer entrar no clube ?
Nos conte um pouco de sua história no servidor.</textarea>                <input value="newtopic" name="mode" type="hidden" />                <input value="0" name="lt" type="hidden" />                <input value="Enviar" class="button2" name="post" type="submit" />           
</form>
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Chanp 14.08.20 17:31

Pelo que li no seu código, ao postar um novo tópico por meio deste formulário, ele será postado no subfórum de ID 2. Portanto, ele já está funcional.

No entanto, para que o usuário possa postar em determinado subfórum sem que possa visualizá-lo, ele precisa ter permissão para um criar um tópico.

Para dar essa permissão, aceda a:
Painel de Controle Flecha ajudeiros Geral Flecha ajudeiros Categorias e fóruns. Selecione o subfórum onde o tópico será postado e abra a página de Autorizações avançadas.

Em seguida, na coluna "Criar um tópico", dê permissão para o grupo que utilizará este formulário e pronto!

Deu certo?
Chanp Rosa
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 15.08.20 0:39

Olá amigo, mas quando eu aperto na área onde era para aparecer o formulário e vou em "Criar novo tópico", o formulário não aparece.
O que eu faço ?

Edit 1

Desculpe meu amigo, acho que não fui muito claro.
Eu gostaria que assim que o membro apertasse no subfórum "Recrutamento"
abrisse um formulário como esse aqui:

https://i.imgur.com/xBp4Cbl.png

E ao concluir, esse formulário vá para uma área privada no fórum.

Feliz
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Sleep 15.08.20 14:58

Vete escreveu:Olá amigo, mas quando eu aperto na área onde era para aparecer o formulário e vou em "Criar novo tópico", o formulário não aparece.
O que eu faço ?

Edit 1

Desculpe meu amigo, acho que não fui muito claro.
Eu gostaria que assim que o membro apertasse no subfórum "Recrutamento"
abrisse um formulário como esse aqui:

https://i.imgur.com/xBp4Cbl.png

E ao concluir, esse formulário vá para uma área privada no fórum.

Feliz

Boa tarde @Vete,

E qual seria o caminho para essa área privada?

Atenciosamente,
Sleep
Sleep

Sleep
Ajudeiro
Ajudeiro

Membro desde : 10/08/2012
Mensagens : 1095
Pontos : 1329

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 16.08.20 1:06

Sleep escreveu:
Vete escreveu:Olá amigo, mas quando eu aperto na área onde era para aparecer o formulário e vou em "Criar novo tópico", o formulário não aparece.
O que eu faço ?

Edit 1

Desculpe meu amigo, acho que não fui muito claro.
Eu gostaria que assim que o membro apertasse no subfórum "Recrutamento"
abrisse um formulário como esse aqui:

https://i.imgur.com/xBp4Cbl.png

E ao concluir, esse formulário vá para uma área privada no fórum.

Feliz

Boa tarde @Vete,

E qual seria o caminho para essa área privada?

Atenciosamente,
Sleep

Desculpe a demora, o caminho seria o link da área ?
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Chanp 16.08.20 3:19

Olá novamente,

Não é necessário responder a questão anterior. Para que isso aconteça, será necessária a adição de um código Javascript. Portanto, crie uma nova página javascript com investimento nos subfóruns e com o seguinte código:

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f={{ID DO SUBFÓRUM}}&mode=newtopic"]')
      .attr('href', '/h{{NÚMERO DA PÁGINA HTML}}-')
    ;
  });
}(jQuery));

Substituições:

{{ID DO SUBFÓRUM}} pelo ID do subfórum que o usuário, ao clicar no botão "Responder ao tópico", será direcionado para o formulário.

Exemplo: no subfórum "Questões sobre códigos" temos o seguinte URL:

Código:
https://ajuda.forumeiros.com/f22-questoes-sobre-codigos

O número 22 após a barra é o ID do subfórum.

{{NÚMERO DA PÁGINA HTML}} pelo ID da página HTML onde o código do formulário se encontra. Para checar este ID, acesse a Gestão das Páginas HTML (no painel de controles) e localize a página HTML que detém o código do respectivo formulário. Na primeira coluna desta página você encontrará o ID dela.




O subfórum onde o tópico será criado deve ser definido por meio do próprio código HTML, basta localizar a seguinte linha:

Código:
<input value="2" name="f" type="hidden" />

E substituir o número 2 pelo ID do subfórum onde o tópico será postado.

Se a explicação tiver ficado confusa, basta me pedir para repetir com outras palavras.
Peço desculpas pela demora, estava aproveitando meu aniversário!
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 16.08.20 3:39

Olá Chanp, primeiramente, meus parabéns ! Lots Party

Chanp, eu fiz tudo que me pediu, mas não estou conseguindo ter o resultado.
Veja só:

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f={{ID DO SUBFÓRUM}}&mode=newtopic"]')
      .attr('href', '/h{{NÚMERO DA PÁGINA HTML}}-')
    ;
  });
}(jQuery));

Substitui por 4 que é o ID desse subfórum https://soa-nwdgames.forumeiros.com/f4-recrutamento
E o número da página html por 2, que é o correspondente

Ficando dessa forma:

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f={{4}}&mode=newtopic"]')
      .attr('href', '/h{{2}}-')
    ;
  });
}(jQuery));


Sobre a modificação no HTML, eu também o fiz.

Adicionando o ID do subfórum que é este: https://soa-nwdgames.forumeiros.com/f2-votacao

Ficando desta forma:

Código:
<br />            <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="https://ajuda.forumeiros.com/29110.js"></script>
                <script src="https://ajuda.forumeiros.com/28074.js"></script>
                <style>
            #generated_form .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#generated_form .more { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
#generated_form .image .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
#generated_form .remove { float: left;background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
#generated_form .image { width: 300px; }
 
#generated_form h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}
 
#generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
 
#generated_form dt {
   width: 30%;
   padding-top: 5px;
   border: none;
   float: left;
}
 
#generated_form dd {
   padding: 5px;
   padding-right: 5px;
   margin-left: 30%;
   vertical-align: middle;
}
#generated_form dl:hover dt {
   color: #666;
}
 
#generated_form input {
   font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #333333;
   padding: 2px;
   vertical-align: middle;
   padding-left: 4px;
}
 
#generated_form input[disabled] {
   background-color:#ddd;
   cursor:pointer;
}
 
#generated_form select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   cursor: default;
   vertical-align: middle;
   width:auto;
   max-width:100%;/* Bug IE */
   padding: 1px;
}
 
#generated_form textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 300px;
   height: 100px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
}
 
#generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 300px;
   cursor: text;
}
</style>
          


 <form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">

 <input type="hidden" name="form_mode" value="0">


                <input type="hidden" name="f" value="2">
                <input type="hidden" name="subject" value="O script não enviou o título" template="[Votação] Novo membro">
                <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-0" style="display:none">Nick:
Level:
Qual sua modalidade (DM ou Racer)?
Por que quer entrar no clube ?
Nos conte um pouco de sua história no servidor.</textarea>
                <input type="hidden" name="mode" value="newtopic">
                <input type="hidden" name="lt" value="0">
                <input type="submit" name="post" class="button2" value="Enviar">
           

</form>

Mas não modificou nada, continua da mesma forma convencional quando apertar em "Novo tópico"

O que pode ter acontecido ?
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por tikky 16.08.20 11:49

Olá @Vete,

É necessário remover o começo {{ e o final }} do código deixando:
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f=4&mode=newtopic"]')
      .attr('href', '/h2-')
    ;
  });
}(jQuery));


Cordialmente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 16.08.20 13:46

Ah sim, ped, obrigado por esclarecer. Mas ficou dessa forma, não aparecendo as informações

https://i.imgur.com/BX5oyOy.png

Obrigado pela ajuda
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por tikky 16.08.20 14:06

Pelo que vejo pelo formulário postado em cima falta os campos a serem preenchidos Envergonhado
Esse é o formulário gerado? Se sim, pode dizer quais são os campos que deseja para que possa adicionar ao seu formulário, obrigado!
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 16.08.20 15:22

pedxz escreveu:Pelo que vejo pelo formulário postado em cima falta os campos a serem preenchidos Envergonhado
Esse é o formulário gerado? Se sim, pode dizer quais são os campos que deseja para que possa adicionar ao seu formulário, obrigado!

Nossa rsrs
Sim, foi o formulário gerado Rindo
Os campos são:
Seu nick
Seu level
Qual sua modalidade de jogo (DM ou Race)?
Por que quer entrar no clube?

Obrigado Envergonhado
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por tikky 16.08.20 17:10

Altere para:
Código:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.3.3/jscolor.min.js"></script>
<script src="https://ajuda.forumeiros.com/29110.js"></script>
<script src="https://ajuda.forumeiros.com/28074.js"></script>
<style>
   #generated_form .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
   #generated_form .more { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
   #generated_form .image .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
   #generated_form .remove { float: left;background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
   #generated_form .image { width: 300px; }
   #generated_form h1 {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 2em;
   font-weight: 400;
   margin: .8em 0 .2em;
   }
   #generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   }
   #generated_form dt {
   width: 30%;
   padding-top: 5px;
   border: none;
   float: left;
   }
   #generated_form dd {
   padding: 5px;
   padding-right: 5px;
   margin-left: 30%;
   vertical-align: middle;
   }
   #generated_form dl:hover dt {
   color: #666;
   }
   #generated_form input {
   font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #333333;
   padding: 2px;
   vertical-align: middle;
   padding-left: 4px;
   }
   #generated_form input[disabled] {
   background-color:#ddd;
   cursor:pointer;
   }
   #generated_form select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   cursor: default;
   vertical-align: middle;
   width:auto;
   max-width:100%;/* Bug IE */
   padding: 1px;
   }
   #generated_form textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 300px;
   height: 100px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
   }
   #generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 300px;
   cursor: text;
   }
</style>
<form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">
   <input type="hidden" name="form_mode" value="0" />
   <dl>
      <dt>Seu nick</dt>
      <dd>
         <input type="text" data-type="field" placeholder="pedxz" id="field1" />
      </dd>
   </dl>
   <dl>
      <dt>Seu nível</dt>
      <dd>
         <input type="number" data-type="field" placeholder="0" id="field2" />
      </dd>
   </dl>
   <dl>
      <dt>Qual sua modalidade (DM ou Racer)</dt>
      <dd>
         <input type="text" data-type="field" placeholder="DM ou Racer" id="field3" />
      </dd>
   </dl>
   <dl>
      <dt>Porque quer entrar no grupo?</dt>
      <dd>
         <textarea data-type="field" placeholder="Explique" id="field4"></textarea>
      </dd>
   </dl>
   <input type="hidden" name="f" value="2" />
   <input type="hidden" name="subject" value="O script não enviou o título" template="[Votação] Novo membro" />
   <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-0" style="display:none">Nick: {field1}
Level: {field2}
Qual sua modalidade (DM ou Racer)? {field3}
Por que quer entrar no clube ? {field4}
Nos conte um pouco de sua história no servidor.</textarea>
   <input type="hidden" name="mode" value="newtopic" />
   <input type="hidden" name="lt" value="0" />
   <input type="submit" name="post" class="button2" value="Enviar" />
</form>
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 16.08.20 17:32

Perfeito pedxz, só mais uma dúvida.
Tem como colocar uma imagem de fundo para não ficar tão simplório?

Edit1:
Ao apertar em enviar, ocorre esse erro:
"https://i.imgur.com/BeKQWQI.png"
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por tikky 16.08.20 18:00

Vete escreveu:Perfeito pedxz, só mais uma dúvida.
Tem como colocar uma imagem de fundo para não ficar tão simplório?
Qual a imagem de fundo que o senhor deseja?

Ao apertar em enviar, ocorre esse erro:
"https://i.imgur.com/BeKQWQI.png"
Entre no Painel de controle > Geral > Fórum > Segurança encontre a opção "Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas" e marque "Não"!
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 16.08.20 18:07

pedxz escreveu:
Vete escreveu:Perfeito pedxz, só mais uma dúvida.
Tem como colocar uma imagem de fundo para não ficar tão simplório?
Qual a imagem de fundo que o senhor deseja?

Ao apertar em enviar, ocorre esse erro:
"https://i.imgur.com/BeKQWQI.png"
Entre no Painel de controle > Geral > Fórum > Segurança encontre a opção "Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas" e marque "Não"!

Ah sim, agora deu certo Muito feliz

Eu gostaria de colocar alguma imagem relacionado a temática, como essa: https://images6.alphacoders.com/504/504949.jpg

Outra coisa ped, tem como fazer uma "ligação direta" ao apertar na área "Recrutamento" já ir direto ao formulário, sem precisar apertar em "Novo Tópico"?
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por tikky 16.08.20 19:07

Volte a alterar a página para:
Código:

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    
    <!-- Modern normalize -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/0.7.0/modern-normalize.min.css" />

    <title>Formulário de recrutamento</title>
    <style>
     html {
     background: #161718 url(https://images6.alphacoders.com/504/504949.jpg) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     }
   #generated_form {
   margin-left: auto;
   margin-right: auto;
   width: 80%;
   background: #fff;
   border: 1px solid #fafafa;
   border-radius: .2rem;
   padding: 1em;
   margin-top: 5em;
   position: relative;
   }
   #generated_form .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
   #generated_form .more { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
   #generated_form .image .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
   #generated_form .remove { float: left;background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
   #generated_form .image { width: 300px; }
   #generated_form h1 {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 2em;
   font-weight: 400;
   margin: .8em 0 .2em;
   }
   #generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   }
   #generated_form dt {
   width: 30%;
   padding-top: 5px;
   border: none;
   float: left;
   }
   #generated_form dd {
   padding: 5px;
   padding-right: 5px;
   margin-left: 30%;
   vertical-align: middle;
   }
   #generated_form dl:hover dt {
   color: #666;
   }
   #generated_form input {
   font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #333333;
   padding: 2px;
   vertical-align: middle;
   padding-left: 4px;
   }
   #generated_form input[disabled] {
   background-color:#ddd;
   cursor:pointer;
   }
   #generated_form select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   cursor: default;
   vertical-align: middle;
   width:auto;
   max-width:100%;/* Bug IE */
   padding: 1px;
   }
   #generated_form textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 300px;
   height: 100px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
   }
   #generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 300px;
   cursor: text;
   }
  @media (min-width: 320px) and (max-width: 480px) {
  
  #generated_form dt,
  #generated_form dd {
  max-width: 100%;
  display: block!important;
  clear: both;
  width: 100%!important;
  float: none!important;
  padding: 0!important;
  }
 }
</style>
    </head>
  <body>
<form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">
   <input type="hidden" name="form_mode" value="0" />
  <h1>Formulário de recrutamento</h1>
  <p>Seja um de nós!</p>
  <br />
   <dl>
      <dt>Seu nick</dt>
      <dd>
         <input type="text" data-type="field" placeholder="pedxz" id="field1" />
      </dd>
   </dl>
   <dl>
      <dt>Seu nível</dt>
      <dd>
         <input type="number" data-type="field" placeholder="0" id="field2" />
      </dd>
   </dl>
   <dl>
      <dt>Qual sua modalidade (DM ou Racer)</dt>
      <dd>
         <input type="text" data-type="field" placeholder="DM ou Racer" id="field3" />
      </dd>
   </dl>
   <dl>
      <dt>Porque quer entrar no grupo?</dt>
      <dd>
         <textarea data-type="field" placeholder="Explique" id="field4"></textarea>
      </dd>
   </dl>
   <input type="hidden" name="f" value="2" />
   <input type="hidden" name="subject" value="O script não enviou o título" template="[Votação] Novo membro" />
   <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-0" style="display:none">Nick: {field1}
Level: {field2}
Qual sua modalidade (DM ou Racer)? {field3}
Por que quer entrar no clube ? {field4}
Nos conte um pouco de sua história no servidor.</textarea>
   <input type="hidden" name="mode" value="newtopic" />
   <input type="hidden" name="lt" value="0" />
   <input type="submit" name="post" class="button2" value="Enviar" />
</form>
    
    
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.3.3/jscolor.min.js"></script>
<script src="https://ajuda.forumeiros.com/29110.js"></script>
<script src="https://ajuda.forumeiros.com/28074.js"></script>
   </body>
</html>

Outra coisa ped, tem como fazer uma "ligação direta" ao apertar na área "Recrutamento" já ir direto ao formulário, sem precisar apertar em "Novo Tópico"?
Sim, o senhor só precisa alterar o nome do subfórum para:
Código:
<a href="/h2-" class="forumtitle">Recrutamento</a>
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 16.08.20 19:31

pedxz escreveu:Volte a alterar a página para:
Código:

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    
    <!-- Modern normalize -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/0.7.0/modern-normalize.min.css" />

    <title>Formulário de recrutamento</title>
    <style>
     html {
     background: #161718 url(https://images6.alphacoders.com/504/504949.jpg) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     }
   #generated_form {
   margin-left: auto;
   margin-right: auto;
   width: 80%;
   background: #fff;
   border: 1px solid #fafafa;
   border-radius: .2rem;
   padding: 1em;
   margin-top: 5em;
   position: relative;
   }
   #generated_form .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
   #generated_form .more { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
   #generated_form .image .part { background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
   #generated_form .remove { float: left;background: url(https://2img.net/h/oi46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
   #generated_form .image { width: 300px; }
   #generated_form h1 {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 2em;
   font-weight: 400;
   margin: .8em 0 .2em;
   }
   #generated_form dl {
   margin-bottom: 10px;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   }
   #generated_form dt {
   width: 30%;
   padding-top: 5px;
   border: none;
   float: left;
   }
   #generated_form dd {
   padding: 5px;
   padding-right: 5px;
   margin-left: 30%;
   vertical-align: middle;
   }
   #generated_form dl:hover dt {
   color: #666;
   }
   #generated_form input {
   font-family: "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #333333;
   padding: 2px;
   vertical-align: middle;
   padding-left: 4px;
   }
   #generated_form input[disabled] {
   background-color:#ddd;
   cursor:pointer;
   }
   #generated_form select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   cursor: default;
   vertical-align: middle;
   width:auto;
   max-width:100%;/* Bug IE */
   padding: 1px;
   }
   #generated_form textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   width: 300px;
   height: 100px;
   padding: 2px;
   padding-left: 4px;
   cursor: text;
   }
   #generated_form input[type=text], #generated_form input[type=fields_list] {
   width: 300px;
   cursor: text;
   }
  @media (min-width: 320px) and (max-width: 480px) {
  
  #generated_form dt,
  #generated_form dd {
  max-width: 100%;
  display: block!important;
  clear: both;
  width: 100%!important;
  float: none!important;
  padding: 0!important;
  }
 }
</style>
    </head>
  <body>
<form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">
   <input type="hidden" name="form_mode" value="0" />
  <h1>Formulário de recrutamento</h1>
  <p>Seja um de nós!</p>
  <br />
   <dl>
      <dt>Seu nick</dt>
      <dd>
         <input type="text" data-type="field" placeholder="pedxz" id="field1" />
      </dd>
   </dl>
   <dl>
      <dt>Seu nível</dt>
      <dd>
         <input type="number" data-type="field" placeholder="0" id="field2" />
      </dd>
   </dl>
   <dl>
      <dt>Qual sua modalidade (DM ou Racer)</dt>
      <dd>
         <input type="text" data-type="field" placeholder="DM ou Racer" id="field3" />
      </dd>
   </dl>
   <dl>
      <dt>Porque quer entrar no grupo?</dt>
      <dd>
         <textarea data-type="field" placeholder="Explique" id="field4"></textarea>
      </dd>
   </dl>
   <input type="hidden" name="f" value="2" />
   <input type="hidden" name="subject" value="O script não enviou o título" template="[Votação] Novo membro" />
   <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-0" style="display:none">Nick: {field1}
Level: {field2}
Qual sua modalidade (DM ou Racer)? {field3}
Por que quer entrar no clube ? {field4}
Nos conte um pouco de sua história no servidor.</textarea>
   <input type="hidden" name="mode" value="newtopic" />
   <input type="hidden" name="lt" value="0" />
   <input type="submit" name="post" class="button2" value="Enviar" />
</form>
    
    
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.3.3/jscolor.min.js"></script>
<script src="https://ajuda.forumeiros.com/29110.js"></script>
<script src="https://ajuda.forumeiros.com/28074.js"></script>
   </body>
</html>

Outra coisa ped, tem como fazer uma "ligação direta" ao apertar na área "Recrutamento" já ir direto ao formulário, sem precisar apertar em "Novo Tópico"?
Sim, o senhor só precisa alterar o nome do subfórum para:
Código:
<a href="/h2-" class="forumtitle">Recrutamento</a>

Ficou simplesmente perfeito, uma última coisa Envergonhado
Tem como deixas transparente essa parte em branco ?
https://i.imgur.com/hKcR7qs.png

Muito obrigado Muito feliz
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por tikky 16.08.20 19:56

Eu deixei branco para ajudar na leitura, mas o senhor só precisa de localizar na página HTML: background: #fff; e altere o #fff para transparent
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 16.08.20 20:12

Perfeito ped, acredito que para facilitar basta alterar a cor da font para branco.
Em que linha eu altero?
Achei uma com color, mas eu alterei e não surgiu efeito e não encontrei nenhuma "font-color".
Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por tikky 16.08.20 20:28

Debaixo de:
Código:
  <style>
adicione:
Código:
body {
  color: #fff!important;
}
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por Vete 16.08.20 20:54

Tudo certo ped, muito obrigado por toda a ajuda, também agradeço ao Chanp e Sleep Legal!

Vete

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário de Recrutamento

Mensagem por tikky 16.08.20 20:55

Festa rosa

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos