Formulário de Recrutamento

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 ?

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

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

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

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

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>

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 Geral 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

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.

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.

Boa tarde @Vete,

E qual seria o caminho para essa área privada?

Atenciosamente,
Sleep

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.

Boa tarde @Vete,

E qual seria o caminho para essa área privada?

Atenciosamente,
Sleep

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

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!

Olá Chanp, primeiramente, meus parabéns !

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 ?

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.

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

Pelo que vejo pelo formulário postado em cima falta os campos a serem preenchidos
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!

pedxz escreveu:Pelo que vejo pelo formulário postado em cima falta os campos a serem preenchidos
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
Os campos são:
Seu nick
Seu level
Qual sua modalidade de jogo (DM ou Race)?
Por que quer entrar no clube?

Obrigado

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>

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 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"!

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

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"?

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>

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
Tem como deixas transparente essa parte em branco ?
https://i.imgur.com/hKcR7qs.png

Muito obrigado

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

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".

Debaixo de:

Código:

  <style>

adicione:

Código:

body {
  color: #fff!important;
}

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

Tópico resolvido Movido para "Questões resolvidas".