Este tutorial irá explicar, passo a passo o funcionamento do Gerador de Formulários 2.0! Tanto a instalação do código HTML, quanto a instalação do código Javascript para redirecionar ao formulário!
Gerador de Formulários 2.0 — Passo a passo TUTORIAIS, DICAS E ASTÚCIAS |
Acessar o geradorPara começar a criar nossos formulários, deveremos acessar o nosso gerador:
Conhecendo o geradorO Gerador de Formulários 2.0 foi criado em partes, isso o divide em três etapas, sendo a parte de criar os campos a primeira delas, assim como seu primeiro contato com o gerador.
Assim que carregar, você deverá encontrar o campo de criação:
| Criar um campo Clicando no ícone de adição, você poderá criar um novo campo, dentre diversas opções disponíveis! |
| Editar um campo Clicando no ícone de lápis, você poderá editar um campo já criado, bem como mudar sua posição na hierarquia do seu formulário. |
| Excluir um campo Clicando no ícone de subtração, você poderá excluir um campo que já está criado. |
| Próxima parte Ao clicar, você será direcionado para a parte dois do gerador. Frisa-se que só será possível passar de parte caso você tenha criado ao menos um campo. |
Configurando o formulárioApós criar os seus campos, clique em "PRÓXIMA PARTE", para ser redirecionado à segunda parte do gerador:
| Criar um novo tópico Selecionando essa opção, o gerador irá criar um formulário cuja função será gerar um novo tópico após ser completado! |
| Responder à um tópico já existente Selecionando essa opção, o gerador irá criar um formulário cuja função será responder uma mensagem à um tópico já existente após ser completado! |
| Voltar Clicando neste botão, você voltará à parte um. |
| Próxima parte Ao clicar, você será direcionado para a parte três do gerador. Frisa-se que só será possível passar de parte após você ter completado todas as opções da parte dois! |
Caso você tenha escolhido "Criar um novo tópico"Caso você tenha selecionado a opção "Criar um novo tópico", você irá completar os campos com algumas informações. Cada campo tem sua especificação, conforme está listado abaixo:
| Criar um novo tópico Selecionando essa opção, o gerador irá criar um formulário cuja função será gerar um novo tópico após ser completado. |
| Título do formulário Esse campo deverá ser completado com o título do formulário. Enfatiza-se que é o título do formulário, não do novo tópico! |
| Título do tópico Esse campo deve ser completado com o título do tópico que será criado pelo seu formulário. Se você quiser, você pode usar a(s) tag(s) {{campo}} com o número de um input específico nele! |
| ID do fórum à qual será postado Será o ID do subfórum à qual o novo tópico será criado. Na URL ajuda.forumeiros.com/f22-questoes-sobre-codigos | , o ID é 22! |
| Mensagem Será a mensagem da primeira postagem do novo tópico! Você pode incluir a(s) tag(s) {{campo}}, como foi feito na imagem acima. |
Caso você tenha escolhido "Responder à um tópico já existente"Caso você tenha selecionado a opção "Responder à um tópico já existente", você irá completar os campos com algumas informações. Cada campo tem sua especificação, conforme está listado abaixo:
| Responder à um tópico já existente Selecionando essa opção, o gerador irá criar um formulário cuja função será responder uma resposta à um tópico que já existe após ser completado. |
| Título do formulário Esse campo deverá ser completado com o título do formulário. |
| ID do tópico à qual será postado Será o ID do tópico à qual a nova mensagem será postada. Na URL ajuda.forumeiros.com/t82-regras-do-fdf | , o ID é 82! |
| Mensagem Será o conteúdo da nova mensagem que será postada. Você pode incluir a(s) tag(s) {{campo}} caso desejar, conforme foi feito na imagem acima. |
Instalando o novo formulárioApós você ter completado todos os campos solicitados na parte dois, você deverá clicar em "GERAR CÓDIGO" para poder ter o código de seu formulário gerar.
Assim que seu código for gerado, você deverá copiá-lo, e ir no seu painel de controle, em:
Painel de Controle Módulos HTML e Javascript Gestão dos códigos HTML Criar uma nova página HTML | Feito isso, você poderá criar sua nova página HTML no modo avançado, e colar o código do formulário na zona do código.
Após instalar o HTML, deve-se instalar o código JavaScript para ligar o seu fórum ao novo formulário:
Painel de Controle Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo javascript | Feito isso, crie um novo JavaScript, para o seu caso:
Para um novo tópico:- 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)); E modifique o {{ID DO SUBFÓRUM}} pelo ID do subfórum a qual o novo tópico será postado, e o {{NÚMERO DA PÁGINA HTML}} pelo ID da página HTML, por exemplo, .
Para responder à um tópico:- Código:
(function ($) { 'use strict';
$(function () { $('a[href^="/post?t={{ID DO TÓPICO}}&mode=reply"]') .attr('href', '/h{{NÚMERO DA PÁGINA HTML}}-') ; }); }(jQuery)); E modifique o {{ID DO TÓPICO}} pelo ID do tópico a qual a nova mensagem será postado, e o {{NÚMERO DA PÁGINA HTML}} pelo ID da página HTML, por exemplo, .
Feito isso, salve e curta o seu mais novo formulário de postagens!
|