Adicionar fundo ao formulário de postagem

2 participantes

Ir para baixo

Tópico resolvido Adicionar fundo ao formulário de postagem

Mensagem por Steve_. 07.07.18 19:25

Detalhes da questão


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

Descrição


Olá,

Eu gostaria de saber se é possível colocar uma imagem de fundo em um "formulário de postagens".

Se for possível como coloco?
Steve_.
Steve_.
****

Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403

https://ajuda.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar fundo ao formulário de postagem

Mensagem por RafaelS. 07.07.18 19:34

Olá @Steve_.

É sim possível, mas para tal efeito iremos precisar do link da imagem que deseja colocar como fundo assim como o código da página.

Cumprimentos Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar fundo ao formulário de postagem

Mensagem por Steve_. 07.07.18 19:38

Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<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>Recrutamento - SRD</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
    <style>#fa-generated-form h1 {background-color: #3ADF00;}
  .fa-form-group h4 {font-size: 23px;color: #3ADF00;}
  .fa-submit button {background-color: #3ADF00;}
  .fa-submit button:hover {background-color: #000;}
      ul.linklist.navlinks {height: 40px;}</style>
</head>
<body>
 
  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Recrutamento - SRD</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">PREENCHA O FORMULÁRIO E AGUARDE</h4>
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo2">Seu Nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="Coloque aqui o seu nick no servidor." required="required">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Nicks Antigos:</label>
  <input type="text" data-type="text" id="campo3" placeholder="Coloque aqui todos os seus Nicks antigos no servidor. (Caso não tenha não responda)">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">O Seu Nível:</label>
  <input type="number" data-type="number" id="campo4" placeholder="Nível no Servidor." max="9999" min="1" required="required">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Sua Idade:</label>
  <input type="number" data-type="number" id="campo11" placeholder="" max="100" min="1" required="required">
 
 
 
</div><div class="fa-form-group clearfix">
  <label for="campo12">Tem Experiência em Corridas?</label>
  <select data-type="select" id="campo12" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
<option value="Quero Aprender">Quero Aprender</option>
</select>
 
 
</div><div class="fa-form-group clearfix">
  <label for="campo5">Seu perfil no Fórum da NWD</label>
  <input type="text" data-type="text" id="campo5" placeholder="Exemplo: ( http://nwdgames.forumbrasil.net/u18 )" required="">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Quais os clãs em que você esteve:</label>
  <input type="text" data-type="text" id="campo6" placeholder="Clãs em que você já esteve na NWD." required="required">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo7">Há quanto tempo joga na NWD?</label>
  <input type="text" data-type="text" id="campo7" placeholder="Aproximadamente há quanto tempo joga" required="">
 
 
 
 
 
 
 
 
 
 
 
 
 
</div><div class="fa-form-group clearfix">
  <label for="campo9">Modalidade:</label>
  <select data-type="select" id="campo9" required="required">
<!-- First -->
 
 
 
 
 
 
<option value="Drag Racer">Drag Racer</option>
<option value="Drifter">Drifter</option>
<option value="Stunt">Stunt</option>
<option value="Sprint Racer">Sprint Racer</option>
<option value="Circuit Racer">Circuit Racer</option>
<option value="Police Pursuiter">Police Pursuiter</option>
</select>
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo8">Porque pretende fazer parte da SRD?</label>
  <textarea data-type="textarea" id="campo8" placeholder="" required="required"></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"> [size=13][b]• Seu Nick:[/b][/size] [size=13]{{campo2}}[/size]

[size=13][b]• Nicks Antigos:[/b][/size] [size=13]{{campo3}}[/size]
   
[size=13][b]• O Seu nível:[/b][/size] [size=13]{{campo4}}[/size]
   
[size=13][b]• Sua Idade:[/b][/size] [size=13]{{campo11}}[/size]
   
[size=13][b]• Tem Experiência em Corridas:[/b][/size] [size=13]{{campo12}}[/size]
   
[size=13][b]• Seu perfil no Fórum da NWD:[/b][/size] [size=13]{{campo5}}[/size]
   
[size=13][b]• Quais os clãs em que você esteve:[/b][/size] [size=13]{{campo6}}[/size]
   
[size=13][b]• Há quanto tempo joga na NWD:[/b][/size] [size=13]{{campo7}}[/size]
   
[size=13][b]• Modalidade:[/b][/size] [size=13]{{campo9}}[/size]
   
[size=13][b]• Porque pretende fazer parte da SRD:[/b][/size] [size=13]{{campo8}}[/size] </textarea>
  <input type="hidden" id="fa-generated-title" value="[Recrutamento] {{campo2}}" />
 
  <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', {
      subject: $('#fa-generated-title').val().trim(),
      f: 1,
      message: $('#fa-generated-message').val().trim(),
      mode: 'newtopic',
      tid: $('[name="tid"]:first').val(),
      post: 1,
      }).done(function () {
      alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
      location.pathname = '/f1-';
      }).fail(function () {
      alert('Houve um erro! Tente novamente!');
      });
        }, 600);
    });
    });
    }(jQuery));
  </script>
</body>
</html>

Gostava desta imagem de um lado e do outro do formulário.

http://2.bp.blogspot.com/-dOYh7lF0x6M/UV0IcGwcLaI/AAAAAAAAAQA/GpSnqbec574/s1600/racing-flags.png
Steve_.
Steve_.
****

Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403

https://ajuda.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar fundo ao formulário de postagem

Mensagem por RafaelS. 07.07.18 19:41

Olá!

Seria algo deste género?

Código:
<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<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>Recrutamento - SRD</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
    <style>#fa-generated-form h1 {background-color: #3ADF00;}
  .fa-form-group h4 {font-size: 23px;color: #3ADF00;}
  .fa-submit button {background-color: #3ADF00;}
  .fa-submit button:hover {background-color: #000;}
      ul.linklist.navlinks {height: 40px;}
#main #main-content {
    background: url(http://2.bp.blogspot.com/-dOYh7lF0x6M/UV0IcGwcLaI/AAAAAAAAAQA/GpSnqbec574/s1600/racing-flags.png);
    background-repeat: repeat-x;
    background-position-y: 50%;
    background-size: 20%;
}
</style>
</head>
<body>
 
  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Recrutamento - SRD</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h4 class="form-subtitle data-text">PREENCHA O FORMULÁRIO E AGUARDE</h4>
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo2">Seu Nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="Coloque aqui o seu nick no servidor." required="required">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo3">Nicks Antigos:</label>
  <input type="text" data-type="text" id="campo3" placeholder="Coloque aqui todos os seus Nicks antigos no servidor. (Caso não tenha não responda)">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo4">O Seu Nível:</label>
  <input type="number" data-type="number" id="campo4" placeholder="Nível no Servidor." max="9999" min="1" required="required">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo11">Sua Idade:</label>
  <input type="number" data-type="number" id="campo11" placeholder="" max="100" min="1" required="required">
 
 
 
</div><div class="fa-form-group clearfix">
  <label for="campo12">Tem Experiência em Corridas?</label>
  <select data-type="select" id="campo12" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
<option value="Quero Aprender">Quero Aprender</option>
</select>
 
 
</div><div class="fa-form-group clearfix">
  <label for="campo5">Seu perfil no Fórum da NWD</label>
  <input type="text" data-type="text" id="campo5" placeholder="Exemplo: ( http://nwdgames.forumbrasil.net/u18 )" required="">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Quais os clãs em que você esteve:</label>
  <input type="text" data-type="text" id="campo6" placeholder="Clãs em que você já esteve na NWD." required="required">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo7">Há quanto tempo joga na NWD?</label>
  <input type="text" data-type="text" id="campo7" placeholder="Aproximadamente há quanto tempo joga" required="">
 
 
 
 
 
 
 
 
 
 
 
 
 
</div><div class="fa-form-group clearfix">
  <label for="campo9">Modalidade:</label>
  <select data-type="select" id="campo9" required="required">
<!-- First -->
 
 
 
 
 
 
<option value="Drag Racer">Drag Racer</option>
<option value="Drifter">Drifter</option>
<option value="Stunt">Stunt</option>
<option value="Sprint Racer">Sprint Racer</option>
<option value="Circuit Racer">Circuit Racer</option>
<option value="Police Pursuiter">Police Pursuiter</option>
</select>
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
<div class="fa-form-group clearfix">
  <label for="campo8">Porque pretende fazer parte da SRD?</label>
  <textarea data-type="textarea" id="campo8" placeholder="" required="required"></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"> [size=13][b]• Seu Nick:[/b][/size] [size=13]{{campo2}}[/size]
 
[size=13][b]• Nicks Antigos:[/b][/size] [size=13]{{campo3}}[/size]
 
[size=13][b]• O Seu nível:[/b][/size] [size=13]{{campo4}}[/size]
 
[size=13][b]• Sua Idade:[/b][/size] [size=13]{{campo11}}[/size]
 
[size=13][b]• Tem Experiência em Corridas:[/b][/size] [size=13]{{campo12}}[/size]
 
[size=13][b]• Seu perfil no Fórum da NWD:[/b][/size] [size=13]{{campo5}}[/size]
 
[size=13][b]• Quais os clãs em que você esteve:[/b][/size] [size=13]{{campo6}}[/size]
 
[size=13][b]• Há quanto tempo joga na NWD:[/b][/size] [size=13]{{campo7}}[/size]
 
[size=13][b]• Modalidade:[/b][/size] [size=13]{{campo9}}[/size]
 
[size=13][b]• Porque pretende fazer parte da SRD:[/b][/size] [size=13]{{campo8}}[/size] </textarea>
  <input type="hidden" id="fa-generated-title" value="[Recrutamento] {{campo2}}" />
 
  <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', {
      subject: $('#fa-generated-title').val().trim(),
      f: 1,
      message: $('#fa-generated-message').val().trim(),
      mode: 'newtopic',
      tid: $('[name="tid"]:first').val(),
      post: 1,
      }).done(function () {
      alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
      location.pathname = '/f1-';
      }).fail(function () {
      alert('Houve um erro! Tente novamente!');
      });
        }, 600);
    });
    });
    }(jQuery));
  </script>
</body>
</html>

Saudações Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar fundo ao formulário de postagem

Mensagem por Steve_. 07.07.18 19:45

É isso mesmo.

Obrigado.
Steve_.
Steve_.
****

Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403

https://ajuda.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar fundo ao formulário de postagem

Mensagem por RafaelS. 07.07.18 19:46

Tópico resolvido


Movido para "Questões resolvidas".
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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