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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» (PEDIDO) Ranks
Hoje à(s) 05:26 am por mrvisible

» Botão enviar e pré-visualizar
Hoje à(s) 01:46 am por Baki

» [Pedido] Banner ®
Hoje à(s) 01:37 am por -xGabriel..

» Botões padrões tema pokemon
Hoje à(s) 12:54 am por APOllO

» Fim do rodapé
Ontem à(s) 11:34 pm por PrisoN†BreaK

» Overall_Header
Ontem à(s) 10:26 pm por iScroll

» Bug na mensagem em citação?
Ontem à(s) 09:40 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
213 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 213 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


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

Adicionar formulário no tópico

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

Em curso Adicionar formulário no tópico

Mensagem por >.< T-T =3 em 06/08/17, 10:06 pm

Detalhes da questão


Endereço do fórum: http://todosunidos.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Olá,

Gostaria de saber como colocar um teste desse tipo:


http://i.imgur.com/sxvB8tL.png
avatar

>.< T-T =3
Nível 3

Feminino
Inscrito dia : 17/07/2017
Mensagens : 16
Pontos Ativos : 28

http://tmmrpg.forumeiros.com/

Em curso Re: Adicionar formulário no tópico

Mensagem por Harleen em 06/08/17, 11:25 pm

Ola, onde você viu isso? Foi em um fórum forumeiros?

Até mais


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1438
Pontos Ativos : 1864

https://soulfulbrmusic.forumeiros.com/

Em curso Re: Adicionar formulário no tópico

Mensagem por >.< T-T =3 em 06/08/17, 11:54 pm

Sim, foi em um fórum. Link abaixo:

http://tlcrpg.forumeiros.com/t2177-teste-da-varinha
avatar

>.< T-T =3
Nível 3

Feminino
Inscrito dia : 17/07/2017
Mensagens : 16
Pontos Ativos : 28

http://tmmrpg.forumeiros.com/

Em curso Re: Adicionar formulário no tópico

Mensagem por Harleen em 07/08/17, 04:29 am

Bem, não há como saber como fizeram, você pode entrar em contato com eles para saber se podem lhe disponibilizar o código,
Ou criar um formulário de postagem com o gerador de formulários
Tutorial http://ajuda.forumeiros.com/t109239-

Até mais

Título alterado de 'Como eu coloco uma coisa assim?' para 'Adicionar formulário no tópico.'.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.


Última edição por Harleen em 18/08/17, 07:14 pm, editado 1 vez(es)


Bem-vindo ao FDF, leia:
Flecha ajudeiros Consulte o regulamento do setor suporte
Flecha ajudeiros Leia as Perguntas e Respostas
Flecha ajudeiros Confira a Lista de Tutoriais, Dicas e Astúcias
Seja sempre educado e descreva sua questão detalhadamente
Não peça suporte por MP.

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1438
Pontos Ativos : 1864

https://soulfulbrmusic.forumeiros.com/

Em curso Re: Adicionar formulário no tópico

Mensagem por Luiz em 07/08/17, 01:21 pm

Na verdade é possível fazer um formulário como o mostrado na imagem sim, desde que você o "estile" de forma diferente, para não ficar igual, entende?
Basta dizer como deseja. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

https://github.com/lffg/

Em curso Re: Adicionar formulário no tópico

Mensagem por >.< T-T =3 em 07/08/17, 10:09 pm

Gostaria de mudar a cor da borda para um cinza, mais ou menos assim #999999, junto com os enfeites abaixo do título. As perguntas podem ser deixadas na cor preta, e tem como fazer a forma da letra ser Comic Sans?

Mas como funciona isso? Eu preciso fazer um formulário e por o link em algum lugar do code?
avatar

>.< T-T =3
Nível 3

Feminino
Inscrito dia : 17/07/2017
Mensagens : 16
Pontos Ativos : 28

http://tmmrpg.forumeiros.com/

Em curso Re: Adicionar formulário no tópico

Mensagem por Luiz em 08/08/17, 02:10 pm

Primeiramente, peço que a senhora crie um novo formulário usando o Gerador 2.0, para que depois eu possa personalizá-lo.
Faça o indicado pela @Harleen nessa mensagem.

Ficarei no aguardo. o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

https://github.com/lffg/

Em curso Re: Adicionar formulário no tópico

Mensagem por >.< T-T =3 em 12/08/17, 12:01 am

Senhorita, tá? Não sou tão velha... asuhaush

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Qual é a sua facção?</title>

  <style type="text/css">
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
      color: #3072ab;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 35px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #3072ab;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
      padding: 10px 20px;
      background-color: #3072ab;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
      background-color: #2a6192;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Qual é a sua facção?</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo1">Defina a sua personalidade em, no mínimo, 5 adjetivos.</label>
  <textarea data-type="textarea" id="campo1" placeholder="Defina a sua personalidade, quanto mais você puder definir, melhor." required="required"></textarea>

</div>

<div class="fa-form-group clearfix">
  <label for="campo3">Escolha uma cor:</label>
  <select multiple="" data-type="select" id="campo3" required="">
<!-- First -->
<option value="Beje/cinza">Beje/cinza</option>
<option value="Branco/preto">Branco/preto</option>
<option value="Azul/preto ">Azul/preto </option>
<option value="Preto/vermelho">Preto/vermelho</option>
<option value="Amarelo/laranja">Amarelo/laranja</option>
</select>
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Para qual facção você quer ir, e por quê?</label>
  <textarea data-type="textarea" id="campo4" placeholder="Escreva aqui a facção da saga divergente para qual você deseja ir e cite seus motivos." required=""></textarea>
</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Caso você queira mudar de facção, como você se sente deixando sua facção antiga para trás?</label>
  <textarea data-type="textarea" id="campo5" placeholder="Diga aqui como você irá se sentir caso mude de facção e deixe tudo o que conhece para trás. Caso você não mude de facção, não digite nada nesta questão."></textarea>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->

  <textarea style="display: none;" id="fa-generated-message">Defina a sua personalidade em, no mínimo, 5 adjetivos. {{campo1}};
Escolha uma cor: {{campo3}};
Para qual facção você quer ir, e por quê? {{campo4}}
Caso você queira mudar de facção, como você se sente deixando sua facção antiga para trás? {{campo5}}</textarea>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
       'use strict';

       $(window).on('load', function () {
          $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
               $.post('/post', {
                  t: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t4-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
avatar

>.< T-T =3
Nível 3

Feminino
Inscrito dia : 17/07/2017
Mensagens : 16
Pontos Ativos : 28

http://tmmrpg.forumeiros.com/

Em curso Re: Adicionar formulário no tópico

Mensagem por Kyo Panda em 14/08/17, 08:41 am

A senhora poderia aplicar o código no seu fórum e nos passar o link da página?
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

http://ajuda.forumeiros.com

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