Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Calculadora específica
Hoje à(s) 06:17 pm por BrunoLemos

» Erro de segurança, phishing
Hoje à(s) 06:11 pm por Shek

» Botões de Fixo e Resolvido
Hoje à(s) 06:08 pm por brunopro

» Problema com Widget Tópicos Recentes
Hoje à(s) 05:53 pm por brunopro

» Cor da barra
Hoje à(s) 05:33 pm por Ketholy

» Resposta Topico
Hoje à(s) 03:47 pm por Ketholy

» Sao Botoes Para Meu Rank Personalizados
Hoje à(s) 03:42 pm por Daniel Yan

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
269 usuários online :: 15 usuários cadastrados, Nenhum Invisível e 254 Visitantes :: 2 Motores de busca

BrunoLemos, brunopro, Daniel Yan, gryff, James Watts, Jeckwilke, Ketholy, Lemon~, Lost154, Maiicinhu, odelgado, paulim78, Railison Ramon, Shek, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

[TUTORIAL] Criar um formulário pelo gerador de formulários 2.0

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

[TUTORIAL] Criar um formulário pelo gerador de formulários 2.0

Mensagem por Luiz em 19/06/17, 05:07 pm

Gerador de Formulários 2.0 — Passo a passo
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 gerador

Para começar a criar nossos formulários, deveremos acessar o nosso gerador:


Conhecendo o gerador

O 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:
Seta Criar um campo Clicando no ícone de adição, você poderá criar um novo campo, dentre diversas opções disponíveis!
Seta 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.
Seta Excluir um campo Clicando no ícone de subtração, você poderá excluir um campo que já está criado.
Seta 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ário

Após criar os seus campos, clique em "PRÓXIMA PARTE", para ser redirecionado à segunda parte do gerador:
Seta 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!
Seta 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!
Seta Voltar Clicando neste botão, você voltará à parte um.
Seta 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:
Seta 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.
Seta 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!
Seta 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!
Seta 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!
Seta 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:
Seta 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.
Seta Título do formulário Esse campo deverá ser completado com o título do formulário.
Seta 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!
Seta 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ário

Apó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 Seta Branca Módulos Seta Branca HTML e Javascript Seta Branca Gestão dos códigos HTML Seta Branca 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 Seta Branca Módulos Seta Branca HTML e Javascript Seta Branca Gestão dos códigos Javascript Seta Branca 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,
/h1-
.



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,
/h1-
.

Feito isso, salve e curta o seu mais novo formulário de postagens!


avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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