InícioAdicionar fundo ao formulário de postagem
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Adicionar fundo ao formulário de postagem
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_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Adicionar fundo ao formulário de postagem
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
É 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
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Adicionar fundo ao formulário de postagem
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_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Adicionar fundo ao formulário de postagem
por RafaelS. 07.07.18 19:41
Olá!
Seria algo deste género?
Saudações
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
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Steve_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Adicionar fundo ao formulário de postagem
por RafaelS. 07.07.18 19:46
Tópico resolvidoMovido para "Questões resolvidas". |
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Tópicos semelhantes» Adicionar votação automática em post feito por formulário de postagem
» Formulário de postagem
» Formulário de postagem
» Erro formulario de postagens 2.0
» Formulário de postagem
» Formulário de postagem
» Formulário de postagem
» Erro formulario de postagens 2.0
» Formulário de postagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos