InícioPersonalizar 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 • Compartilhe
Personalizar formulário de postagem
por xDominiC_. 28.08.18 23:06
Detalhes da questão
Endereço do fórum: http://jps-nwd.forumeiros.com
Versão do fórum: ModernBB
Descrição
Queria saber se e possivel colocar uma imagem no fundo do meu formulario e mudar as cores do botoes e titulo do formulario
xDominiC_.- *****
- Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613 -
Re: Personalizar formulário de postagem
por Fraise 28.08.18 23:13
Olá,
Nos forneça o código do seu formulário e nos indique qual o fundo que deseja e quais as cores que cor no botão.
Até mais,
Fraise.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Nos forneça o código do seu formulário e nos indique qual o fundo que deseja e quais as cores que cor no botão.
Até mais,
Fraise.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045 -
Re: Personalizar formulário de postagem
por xDominiC_. 28.08.18 23:21
- Código:
<br /><!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</title>
<link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Recrutamento</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<label for="campo1">Meu Nick:</label>
<input type="text" data-type="text" id="campo1" placeholder="Seu Nick No Servidor da NWD." required="">
</div>
<div class="fa-form-group clearfix">
<label for="campo3">Nicks antigos: </label>
<input type="text" data-type="text" id="campo3" placeholder="Se Não tem não responda." required="">
</div><div class="fa-form-group clearfix">
<label for="campo4">Meu Level:</label>
<input type="text" data-type="text" id="campo4" placeholder="" required="">
</div><div class="fa-form-group clearfix">
<label for="campo5">Meu perfil na NWD:</label>
<input type="text" data-type="text" id="campo5" placeholder="Exemplo: http://nwdgames.forumbrasil.net/u213613713" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Clãs que já passei:</label>
<input type="text" data-type="text" id="campo6" placeholder="" required="">
</div>
<div class="fa-form-group clearfix">
<label for="campo9">Modalidade para o Teste:</label>
<select data-type="select" id="campo9" required="required">
<!-- First -->
<option value="RACE">RACE</option>
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo11">Sobre as Regras para pedir Recrutamento:</label>
<select data-type="select" id="campo11" required="">
<!-- First -->
<option value="Li, e estou ciente.">Li, e estou ciente.</option>
<option value="Não li,e não estou ciente.">Não li,e não estou ciente.</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo12">Por que quer entrar para a JPS?</label>
<textarea data-type="textarea" id="campo12" 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">Meu Nick: {{campo1}}
Nicks antigos: {{campo3}}
Meu Level: {{campo4}}
Meu perfil na NWD: {{campo5}}
Clãs que já passei: {{campo6}}
Modalidade para o Teste: {{campo9}}
Sobre as Regras para pedir Recrutamento: {{campo11}}
Por que quer entrar para a JPS? {{campo12}}</textarea>
<input type="hidden" id="fa-generated-title" value="[ Recrutamento ]" />
<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: 5,
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 = '/f5-';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
a imagem voce pode por uma do gta 5 qualquer que vc achar ai as cores do botao e titulo quero em amarelo e a letra em preto
e o formulario nao esta enviando
xDominiC_.- *****
- Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613 -
Re: Personalizar formulário de postagem
por Fraise 29.08.18 2:10
Troque o código do formulário por este:
Até mais,
Fraise.
- 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>
<style>
.fa-submit button, #fa-generated-form h1 {
background-color: yellow !important;
color: #000;
}
body {
background: url(https://vignette.wikia.nocookie.net/gtawiki/images/5/50/Wiki-background/revision/20161203112831);
background-size: 100%;
}
</style>
<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</title>
<link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>
<form id="fa-generated-form">
<div class="fa-form-wrapper">
<h1>Recrutamento</h1>
<!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
<h4 class="form-subtitle data-text">RECRUTAMENTO</h4>
</div><div class="fa-form-group clearfix">
<label for="campo1">Meu Nick</label>
<input type="text" data-type="text" id="campo1" placeholder="Seu Nick No Servidor Da NWD." required="">
</div><div class="fa-form-group clearfix">
<label for="campo2">Nicks antigos</label>
<input type="text" data-type="text" id="campo2" placeholder="Se Não tem não responda">
</div>
<div class="fa-form-group clearfix">
<label for="campo4">Meu Level</label>
<input type="text" data-type="text" id="campo4" placeholder="" required="">
</div><div class="fa-form-group clearfix">
<label for="campo5">Meu perfil na NWD</label>
<input type="text" data-type="text" id="campo5" placeholder="" required="">
</div><div class="fa-form-group clearfix">
<label for="campo6">Clãs que já passei</label>
<input type="text" data-type="text" id="campo6" placeholder="" required="">
</div><div class="fa-form-group clearfix">
<label for="campo7">Modalidade para o Teste</label>
<select data-type="select" id="campo7" required="">
<!-- First -->
<option value="RACE">RACE</option>
<option value="CRIME">CRIME</option>
<option value="DM">DM</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo9">Sobre as regras do recrutamento</label>
<select data-type="select" id="campo9" required="">
<!-- First -->
<option value="Li, e estou ciente.">Li, e estou ciente.</option>
<option value="Não li, e não estou ciente.">Não li, e não estou ciente.</option>
</select>
</div><div class="fa-form-group clearfix">
<label for="campo10">Porque quer entrar na JPS?</label>
<textarea data-type="textarea" id="campo10" placeholder="" 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">Meu Nick {{campo1}}
Nicks antigos {{campo2}}
Meu Level {{campo4}}
Meu perfil na NWD {{campo5}}
Clãs que já passei {{campo6}}
Modalidade para o Teste {{campo7}}
Sobre as regras do recrutamento {{campo9}}
Porque quer entrar na JPS? {{campo10}}</textarea>
<input type="hidden" id="fa-generated-title" value="Título Recrutamento" />
<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>
Até mais,
Fraise.
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045 -
xDominiC_.- *****
- Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613 -
Re: Personalizar formulário de postagem
por Fraise 29.08.18 2:12
Tópico resolvidoMovido para "Questões resolvidas". |
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045 -
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
Facebook
Twitter
Youtube
