Página de HTML com erro
4 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
Página de HTML com erro
Detalhes da questão
Endereço do fórum: https://dmehb.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Olá! Bom dia, boa tarde ou boa noite!
Recentemente, fiz uma página de HTML (eu e mais um amigo) que redireciona a mensagem com as descrições completas, só que nesta página, as questões ficam ao lado esquerdo e não uma do lado da outra como eu queria que ficasse, e quando seleciona tudo certo, a mensagem não vai pro tópico que eu desejo..
Eu clico em postar e vai pra página certinha, só que a mensagem não vem junto.
Minha página está assim: https://prnt.sc/1q6m2tg
Como eu queria que ficasse: https://prnt.sc/1q6m9k5
- Código:
- Código:
<link href="https://i.servimg.com/u/f20/20/34/71/90/logo_d26.png" rel="shortcut icon" /> <meta charset="UTF-8" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="ie=edge" http-equiv="X-UA-Compatible" /> <title>Formulário: TAGs</title> <link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet" /> <style type="text/css">
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
font-size: 17px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
line-height: 1.5;
color: #212121;
line-height: 1.5;
background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
}
/**
* Begin tipografia.
*/
a,
a:active,
a:link,
a:visited,
a:focus {
color: #D8B500;
text-decoration: none;
border-bottom: solid 1px transparent;
outline: 0;
}
a:hover {
border-bottom-color: #2688dc;
}
a.fa:hover {
border-bottom-color: transparent;
color: #1f6db0;
}
h3 {
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
display: block;
width: 100%;
padding-bottom: 3px;
border-bottom: 2px solid #375e7f;
}
textarea {
height: 90px;
box-sizing: border-box;
resize: vertical;
outline: none;
}
.btn {
border: solid 1px #e4e4e4;
background: linear-gradient(180deg, #fff 0%, #efefef 100%);
padding: .575rem 1.1rem;
border-radius: .175rem;
font-weight: 600;
color: #686a6b;
cursor: pointer;
display: block;
text-align: center;
margin-bottom: 5px;
width: 100%;
}
.btn:focus {
border-color: #375e7f;
box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
outline: none;
}
.btn:hover {
box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
}
.btn.btn-primary {
border-radius: 3px;
box-shadow: none;
color: #fff;
background: #336600;
font-size: 14px;
transition: linear all 125ms;
margin-top: 25%;
}
.btn.btn-primary:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
outline: none;
}
.btn.btn-primary:hover {
background: #444;
}
.btn.btn-danger {
color: #fff;
border-color: #bd2c00;
background: #e7592e;
background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
}
.btn.btn-danger:focus {
border-color: #aa2c05;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
outline: none;
}
.btn-progress {
cursor: not-allowed;
opacity: .657;
}
.form-control {
background-color: #fff;
border: 1px solid #d4d4d4;
padding: 6px 8px;
margin: 5px 0 0;
display: block;
width: 100%;
font-size: 16px;
color: #555;
line-height: 20px;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
outline: none;
}
.form-control:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
outline: none;
}
input[type="text"]:disabled {
background: #dddddd;
cursor: not-allowed;
}
.card {
background-color: #E54732;
padding: 5px;
font-size: 10px;
color: #fff;
font-weight: 800;
border-radius: 5px;
float: left;
margin-right: 5px;
}
/*
* End tipografia.
**/
.wrapper {
width: 50%;
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wrapper hgroup {
text-align: center;
}
.wrapper hgroup i.fa {
font-size: 4em;
}
.wrapper hgroup h1 {
font-weight: 300;
margin: 10px 0;
padding: 0;
color: #545454;
}
.wrapper form {
border: solid 1px #d4d4d4;
margin: 0 0 25px;
padding: 20px;
color: #555;
border-radius: 4px;
background-color: #fff;
}
.wrapper form .form-group label {
display: table;
}
.wrapper form .form-group .form-group-col {
float: left;
margin-right: 2%;
margin-top: 2%;
}
.form-group .form-group-col:first-child {
margin-left: 3%;
}
.wrapper footer {
border: solid 1px #d6d6d6;
border-radius: 3px;
padding: 13px;
text-align: center;
font-size: 16px;
color: #555;
margin-bottom: 2%;
}
.col-94 {
width: 94%;
}
.col-46 {
width: 46%;
}
.col-30 {
width: 30%;
}
/**
* FOR JS Styles:
*/
#login-form,
footer {
box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
}
.title h2 {
font-weight: 300;
margin-bottom: 5px;
text-align: center;
}
.title h4 {
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
@media screen and (max-width: 900px) {
.wrapper {
width: 40%;
}
}
@media screen and (max-width: 600px) {
.wrapper {
width: 70%;
}
}
@media screen and (max-width: 500px) {
.wrapper {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.wrapper {
width: 90%;
}
}
</style> <main class="wrapper"> <hgroup> </hgroup></main>
<h1 style="">
<img src="https://i.imgur.com/VZ7MTJ1.png" />
</h1><main class="wrapper"><hgroup></hgroup> </main>
<form style="" id="form-content">
<a title="Voltar ao menu" href="/h1-"><em class="fas fa-arrow-left" aria-hidden="true"></em></a>
<div class="title">
<h4>
Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.
</h4>
</div>
<div class="form-group">
<div style="margin-right: 100%;" class="form-group-col col-30">
<label for="nickname">Seu Nickname:</label> <input required="" placeholder="Seu nickname" class="form-control" id="nickname" type="text" />
</div>
</div>
<div class="form-group">
<div class="form-group-col col-30">
<label for="patente">Sua patente/cargo:</label> <input required="" placeholder="Sua patente/cargo" class="form-control" id="patente" type="text" />
</div>
<div class="form-group-col col-30">
<label for="tagi">TAG atual:</label> <input required="" maxlength="3" placeholder="TAG atual (sem [ ])" class="form-control" id="tagi" type="text" />
</div>
<div class="form-group-col col-30">
<label for="tagf">TAG nova:</label> <input required="" maxlength="3" placeholder="TAG desejada (sem [ ])" class="form-control" id="tagf" type="text" />
</div>
</div>
<br />
<button class="btn btn-primary" type="submit">
Enviar
</button>
</form><main class="wrapper"> </main> <textarea id="post-msg" style="display: none;">[center][b]Modelo II - Alteração de TAG[/color][/b][/center]
[b]Nickname:[/b] {{nickname}}
[b]Patente/cargo:[/b] {{patente}}.
[b]TAG atual:[/b] {{tagi}}
[b]TAG nova:[/b] {{tagf}}
{{nickname}} [b][{{tagf}}][/b]</textarea> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript">
(function ($) {
'use strict';
$(function () {
$('#form-content').on('submit', function (event) {
var data = {
nickname: $('#nickname').val(),
patente: $('#patente').val(),
tag_atual: $('#tagi').val(),
tag_nova: $('#tagf').val(),
};
event.preventDefault();
setTimeout(function () {
$.post('/post', {
t: 40,
message: [
'[center][b]Modelo II - Alteração[/b][/center]',
'',
'[b]Nickname:[/b] ' + data.nickname,
'[b]Patente/cargo:[/b] ' + data.patente + '.',
'[b]TAG atual:[/b] [' + data.tag_atual + ']',
'[b]TAG nova:[/b] [' + data.tag_nova + ']',
'',
'' + data.nickname + ' [b][' + data.tag_nova + '][/b]',
].join('\n'),
mode: 'reply',
tid: $('[name="tid"]:first').val(),
post: 1,
attach_sig: 'on'
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o tópico...');
location.href = 'https://dmehb.forumeiros.com/t11-requerimento-cadastros-e-mudanca-de-tags-' + location.host + 'https://dmehb.forumeiros.com/t11-requerimento-cadastros-e-mudanca-de-tags-?view=newest';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
Re: Página de HTML com erro
Encontrei em criações de HTML, dois fóruns diferentes: dmehb.forumeiros... e a página que eu quero fablet.forumeiros...
Re: Página de HTML com erro
Olá @Invisveel,
Altere a sua página HTML para:
Atenciosamente,
pedxz.
Altere a sua página HTML para:
- Código:
<!doctype html>
<html lang="pt">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://i.servimg.com/u/f20/20/34/71/90/logo_d26.png" rel="shortcut icon" />
<link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet">
<title>Formulário: TAGs</title>
<style type="text/css">
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
font-size: 17px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
line-height: 1.5;
color: #212121;
line-height: 1.5;
background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
}
/**
* Begin tipografia.
*/
a,
a:active,
a:link,
a:visited,
a:focus {
color: #D8B500;
text-decoration: none;
border-bottom: solid 1px transparent;
outline: 0;
}
a:hover {
border-bottom-color: #2688dc;
}
a.fa:hover {
border-bottom-color: transparent;
color: #1f6db0;
}
h3 {
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
display: block;
width: 100%;
padding-bottom: 3px;
border-bottom: 2px solid #375e7f;
}
textarea {
height: 90px;
box-sizing: border-box;
resize: vertical;
outline: none;
}
.btn {
border: solid 1px #e4e4e4;
background: linear-gradient(180deg, #fff 0%, #efefef 100%);
padding: .575rem 1.1rem;
border-radius: .175rem;
font-weight: 600;
color: #686a6b;
cursor: pointer;
display: block;
text-align: center;
margin-bottom: 5px;
width: 100%;
}
.btn:focus {
border-color: #375e7f;
box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
outline: none;
}
.btn:hover {
box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
}
.btn.btn-primary {
border-radius: 3px;
box-shadow: none;
color: #fff;
background: #336600;
font-size: 14px;
transition: linear all 125ms;
margin-top: 25%;
}
.btn.btn-primary:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
outline: none;
}
.btn.btn-primary:hover {
background: #444;
}
.btn.btn-danger {
color: #fff;
border-color: #bd2c00;
background: #e7592e;
background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
}
.btn.btn-danger:focus {
border-color: #aa2c05;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
outline: none;
}
.btn-progress {
cursor: not-allowed;
opacity: .657;
}
.form-control {
background-color: #fff;
border: 1px solid #d4d4d4;
padding: 6px 8px;
margin: 5px 0 0;
display: block;
width: 100%;
font-size: 16px;
color: #555;
line-height: 20px;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
outline: none;
}
.form-control:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
outline: none;
}
input[type="text"]:disabled {
background: #dddddd;
cursor: not-allowed;
}
.card {
background-color: #E54732;
padding: 5px;
font-size: 10px;
color: #fff;
font-weight: 800;
border-radius: 5px;
float: left;
margin-right: 5px;
}
/*
* End tipografia.
**/
.wrapper {
width: 50%;
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wrapper hgroup {
text-align: center;
}
.wrapper hgroup i.fa {
font-size: 4em;
}
.wrapper hgroup h1 {
font-weight: 300;
margin: 10px 0;
padding: 0;
color: #545454;
}
.wrapper form {
border: solid 1px #d4d4d4;
margin: 0 0 25px;
padding: 20px;
color: #555;
border-radius: 4px;
background-color: #fff;
}
.wrapper form .form-group label {
display: table;
}
.wrapper form .form-group .form-group-col {
float: left;
margin-right: 2%;
margin-top: 2%;
}
.form-group .form-group-col:first-child {
margin-left: 3%;
}
.wrapper footer {
border: solid 1px #d6d6d6;
border-radius: 3px;
padding: 13px;
text-align: center;
font-size: 16px;
color: #555;
margin-bottom: 2%;
}
.col-94 {
width: 94%;
}
.col-46 {
width: 46%;
}
.col-30 {
width: 30%;
}
/**
* FOR JS Styles:
*/
#login-form,
footer {
box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
}
.title h2 {
font-weight: 300;
margin-bottom: 5px;
text-align: center;
}
.title h4 {
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
@media screen and (max-width: 900px) {
.wrapper {
width: 40%;
}
}
@media screen and (max-width: 600px) {
.wrapper {
width: 70%;
}
}
@media screen and (max-width: 500px) {
.wrapper {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.wrapper {
width: 90%;
}
}
</style>
</head>
<body>
<main class="wrapper">
<h1 style="">
<img src="https://i.imgur.com/VZ7MTJ1.png" />
</h1>
<form style="" id="form-content">
<a title="Voltar ao menu" href="/h1-"><em class="fas fa-arrow-left" aria-hidden="true"></em></a>
<div class="title">
<h4>
Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.
</h4>
</div>
<div class="form-group">
<div style="margin-right: 100%;" class="form-group-col col-30">
<label for="nickname">Seu Nickname:</label> <input required="" placeholder="Seu nickname" class="form-control" id="nickname" type="text" />
</div>
</div>
<div class="form-group">
<div class="form-group-col col-30">
<label for="patente">Sua patente/cargo:</label> <input required="" placeholder="Sua patente/cargo" class="form-control" id="patente" type="text" />
</div>
<div class="form-group-col col-30">
<label for="tagi">TAG atual:</label> <input required="" maxlength="3" placeholder="TAG atual (sem [ ])" class="form-control" id="tagi" type="text" />
</div>
<div class="form-group-col col-30">
<label for="tagf">TAG nova:</label> <input required="" maxlength="3" placeholder="TAG desejada (sem [ ])" class="form-control" id="tagf" type="text" />
</div>
</div>
<br />
<button class="btn btn-primary" type="submit">
Enviar
</button>
</form>
</main>
<textarea id="post-msg" style="display: none;">[center][b]Modelo II - Alteração de TAG[/color][/b][/center]
[b]Nickname:[/b] {{nickname}}
[b]Patente/cargo:[/b] {{patente}}.
[b]TAG atual:[/b] {{tagi}}
[b]TAG nova:[/b] {{tagf}}
{{nickname}} [b][{{tagf}}][/b]</textarea>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript">
(function ($) {
'use strict';
$(function () {
$('#form-content').on('submit', function (event) {
var data = {
nickname: $('#nickname').val(),
patente: $('#patente').val(),
tag_atual: $('#tagi').val(),
tag_nova: $('#tagf').val(),
};
event.preventDefault();
setTimeout(function () {
$.post('/post', {
t: 40,
message: [
'[center][b]Modelo II - Alteração[/b][/center]',
'',
'[b]Nickname:[/b] ' + data.nickname,
'[b]Patente/cargo:[/b] ' + data.patente + '.',
'[b]TAG atual:[/b] [' + data.tag_atual + ']',
'[b]TAG nova:[/b] [' + data.tag_nova + ']',
'',
'' + data.nickname + ' [b][' + data.tag_nova + '][/b]',
].join('\n'),
mode: 'reply',
tid: $('[name="tid"]:first').val(),
post: 1,
attach_sig: 'on'
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o tópico...');
location.href = 'https://dmehb.forumeiros.com/t11-requerimento-cadastros-e-mudanca-de-tags-' + location.host + 'https://dmehb.forumeiros.com/t11-requerimento-cadastros-e-mudanca-de-tags-?view=newest';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Note que este fórum de suporte NÃO ACEITA questões com intuito de plágio. É um aviso prévio.Encontrei em criações de HTML, dois fóruns diferentes: dmehb.forumeiros... e a página que eu quero fablet.forumeiros...
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7983
Pontos : 9247
Re: Página de HTML com erro
pedxz escreveu:Olá @Invisveel,
Altere a sua página HTML para:
- Código:
<!doctype html>
<html lang="pt">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://i.servimg.com/u/f20/20/34/71/90/logo_d26.png" rel="shortcut icon" />
<link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet">
<title>Formulário: TAGs</title>
<style type="text/css">
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
font-size: 17px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
line-height: 1.5;
color: #212121;
line-height: 1.5;
background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
}
/**
* Begin tipografia.
*/
a,
a:active,
a:link,
a:visited,
a:focus {
color: #D8B500;
text-decoration: none;
border-bottom: solid 1px transparent;
outline: 0;
}
a:hover {
border-bottom-color: #2688dc;
}
a.fa:hover {
border-bottom-color: transparent;
color: #1f6db0;
}
h3 {
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
display: block;
width: 100%;
padding-bottom: 3px;
border-bottom: 2px solid #375e7f;
}
textarea {
height: 90px;
box-sizing: border-box;
resize: vertical;
outline: none;
}
.btn {
border: solid 1px #e4e4e4;
background: linear-gradient(180deg, #fff 0%, #efefef 100%);
padding: .575rem 1.1rem;
border-radius: .175rem;
font-weight: 600;
color: #686a6b;
cursor: pointer;
display: block;
text-align: center;
margin-bottom: 5px;
width: 100%;
}
.btn:focus {
border-color: #375e7f;
box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
outline: none;
}
.btn:hover {
box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
}
.btn.btn-primary {
border-radius: 3px;
box-shadow: none;
color: #fff;
background: #336600;
font-size: 14px;
transition: linear all 125ms;
margin-top: 25%;
}
.btn.btn-primary:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
outline: none;
}
.btn.btn-primary:hover {
background: #444;
}
.btn.btn-danger {
color: #fff;
border-color: #bd2c00;
background: #e7592e;
background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
}
.btn.btn-danger:focus {
border-color: #aa2c05;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
outline: none;
}
.btn-progress {
cursor: not-allowed;
opacity: .657;
}
.form-control {
background-color: #fff;
border: 1px solid #d4d4d4;
padding: 6px 8px;
margin: 5px 0 0;
display: block;
width: 100%;
font-size: 16px;
color: #555;
line-height: 20px;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
outline: none;
}
.form-control:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
outline: none;
}
input[type="text"]:disabled {
background: #dddddd;
cursor: not-allowed;
}
.card {
background-color: #E54732;
padding: 5px;
font-size: 10px;
color: #fff;
font-weight: 800;
border-radius: 5px;
float: left;
margin-right: 5px;
}
/*
* End tipografia.
**/
.wrapper {
width: 50%;
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wrapper hgroup {
text-align: center;
}
.wrapper hgroup i.fa {
font-size: 4em;
}
.wrapper hgroup h1 {
font-weight: 300;
margin: 10px 0;
padding: 0;
color: #545454;
}
.wrapper form {
border: solid 1px #d4d4d4;
margin: 0 0 25px;
padding: 20px;
color: #555;
border-radius: 4px;
background-color: #fff;
}
.wrapper form .form-group label {
display: table;
}
.wrapper form .form-group .form-group-col {
float: left;
margin-right: 2%;
margin-top: 2%;
}
.form-group .form-group-col:first-child {
margin-left: 3%;
}
.wrapper footer {
border: solid 1px #d6d6d6;
border-radius: 3px;
padding: 13px;
text-align: center;
font-size: 16px;
color: #555;
margin-bottom: 2%;
}
.col-94 {
width: 94%;
}
.col-46 {
width: 46%;
}
.col-30 {
width: 30%;
}
/**
* FOR JS Styles:
*/
#login-form,
footer {
box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
}
.title h2 {
font-weight: 300;
margin-bottom: 5px;
text-align: center;
}
.title h4 {
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
@media screen and (max-width: 900px) {
.wrapper {
width: 40%;
}
}
@media screen and (max-width: 600px) {
.wrapper {
width: 70%;
}
}
@media screen and (max-width: 500px) {
.wrapper {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.wrapper {
width: 90%;
}
}
</style>
</head>
<body>
<main class="wrapper">
<h1 style="">
<img src="https://i.imgur.com/VZ7MTJ1.png" />
</h1>
<form style="" id="form-content">
<a title="Voltar ao menu" href="/h1-"><em class="fas fa-arrow-left" aria-hidden="true"></em></a>
<div class="title">
<h4>
Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.
</h4>
</div>
<div class="form-group">
<div style="margin-right: 100%;" class="form-group-col col-30">
<label for="nickname">Seu Nickname:</label> <input required="" placeholder="Seu nickname" class="form-control" id="nickname" type="text" />
</div>
</div>
<div class="form-group">
<div class="form-group-col col-30">
<label for="patente">Sua patente/cargo:</label> <input required="" placeholder="Sua patente/cargo" class="form-control" id="patente" type="text" />
</div>
<div class="form-group-col col-30">
<label for="tagi">TAG atual:</label> <input required="" maxlength="3" placeholder="TAG atual (sem [ ])" class="form-control" id="tagi" type="text" />
</div>
<div class="form-group-col col-30">
<label for="tagf">TAG nova:</label> <input required="" maxlength="3" placeholder="TAG desejada (sem [ ])" class="form-control" id="tagf" type="text" />
</div>
</div>
<br />
<button class="btn btn-primary" type="submit">
Enviar
</button>
</form>
</main>
<textarea id="post-msg" style="display: none;">[center][b]Modelo II - Alteração de TAG[/color][/b][/center]
[b]Nickname:[/b] {{nickname}}
[b]Patente/cargo:[/b] {{patente}}.
[b]TAG atual:[/b] {{tagi}}
[b]TAG nova:[/b] {{tagf}}
{{nickname}} [b][{{tagf}}][/b]</textarea>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript">
(function ($) {
'use strict';
$(function () {
$('#form-content').on('submit', function (event) {
var data = {
nickname: $('#nickname').val(),
patente: $('#patente').val(),
tag_atual: $('#tagi').val(),
tag_nova: $('#tagf').val(),
};
event.preventDefault();
setTimeout(function () {
$.post('/post', {
t: 40,
message: [
'[center][b]Modelo II - Alteração[/b][/center]',
'',
'[b]Nickname:[/b] ' + data.nickname,
'[b]Patente/cargo:[/b] ' + data.patente + '.',
'[b]TAG atual:[/b] [' + data.tag_atual + ']',
'[b]TAG nova:[/b] [' + data.tag_nova + ']',
'',
'' + data.nickname + ' [b][' + data.tag_nova + '][/b]',
].join('\n'),
mode: 'reply',
tid: $('[name="tid"]:first').val(),
post: 1,
attach_sig: 'on'
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o tópico...');
location.href = 'https://dmehb.forumeiros.com/t11-requerimento-cadastros-e-mudanca-de-tags-' + location.host + 'https://dmehb.forumeiros.com/t11-requerimento-cadastros-e-mudanca-de-tags-?view=newest';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>Note que este fórum de suporte NÃO ACEITA questões com intuito de plágio. É um aviso prévio.Encontrei em criações de HTML, dois fóruns diferentes: dmehb.forumeiros... e a página que eu quero fablet.forumeiros...
Atenciosamente,
pedxz.
Olá senhor administrador. Não seria plágio, porque eu também sou administrador no outro fórum, a página de HTML que eu queria que fosse definida para o padrão, seria para adicionar neste fórum fablet.forumeiros... E eu iria colocar lá.
Re: Página de HTML com erro
Como dito "É um aviso prévio" para ter em conta para futuras questões. A sua questão foi solucionada?! Fiquei confuso com a sua última mensagem Peço desculpa!Não seria plágio, porque eu também sou administrador no outro fórum
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7983
Pontos : 9247
Re: Página de HTML com erro
pedxz escreveu:Como dito "É um aviso prévio" para ter em conta para futuras questões. A sua questão foi solucionada?! Fiquei confuso com a sua última mensagem Peço desculpa!Não seria plágio, porque eu também sou administrador no outro fórum
Ainda não foi solucionada senhor adm.
Eu que lhe peço desculpas.
Re: Página de HTML com erro
Substitua o código atual por:
Enquanto eu olhava seu código percebi um erro: o formulário posta no tópico de id 40 e redireciona para o tópico de id 11.
- Código:
<html>
<head>
<link rel="shortcut icon" href="https://i.servimg.com/u/f20/20/34/71/90/logo_d26.png" />
<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>Formulário: TAGs</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" />
<style type="text/css">
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
font-size: 17px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
line-height: 1.5;
color: #212121;
line-height: 1.5;
background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
}
/**
* Begin tipografia.
*/
a,
a:active,
a:link,
a:visited,
a:focus {
color: #D8B500;
text-decoration: none;
border-bottom: solid 1px transparent;
outline: 0;
}
a:hover {
border-bottom-color: #2688dc;
}
a.fa:hover {
border-bottom-color: transparent;
color: #1f6db0;
}
h3 {
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
display: block;
width: 100%;
padding-bottom: 3px;
border-bottom: 2px solid #375e7f;
}
textarea {
height: 90px;
box-sizing: border-box;
resize: vertical;
outline: none;
}
.btn {
border: solid 1px #e4e4e4;
background: linear-gradient(180deg, #fff 0%, #efefef 100%);
padding: .575rem 1.1rem;
border-radius: .175rem;
font-weight: 600;
color: #686a6b;
cursor: pointer;
display: block;
text-align: center;
margin-bottom: 5px;
width: 100%;
}
.btn:focus {
border-color: #375e7f;
box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
outline: none;
}
.btn:hover {
box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
}
.btn.btn-primary {
border-radius: 3px;
box-shadow: none;
color: #fff;
background: #336600;
font-size: 14px;
transition: linear all 125ms;
margin-top: 25%;
}
.btn.btn-primary:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
outline: none;
}
.btn.btn-primary:hover {
background: #444;
}
.btn.btn-danger {
color: #fff;
border-color: #bd2c00;
background: #e7592e;
background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
}
.btn.btn-danger:focus {
border-color: #aa2c05;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
outline: none;
}
.btn-progress {
cursor: not-allowed;
opacity: .657;
}
.form-control {
background-color: #fff;
border: 1px solid #d4d4d4;
padding: 6px 8px;
margin: 5px 0 0;
display: block;
width: 100%;
font-size: 16px;
color: #555;
line-height: 20px;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
outline: none;
}
.form-control:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
outline: none;
}
input[type="text"]:disabled {
background: #dddddd;
cursor: not-allowed;
}
.card {
background-color: #E54732;
padding: 5px;
font-size: 10px;
color: #fff;
font-weight: 800;
border-radius: 5px;
float: left;
margin-right: 5px;
}
/*
* End tipografia.
**/
.wrapper {
width: 50%;
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wrapper hgroup {
text-align: center;
}
.wrapper hgroup i.fa {
font-size: 4em;
}
.wrapper hgroup h1 {
font-weight: 300;
margin: 10px 0;
padding: 0;
color: #545454;
}
.wrapper form {
border: solid 1px #d4d4d4;
margin: 0 0 25px;
padding: 20px;
color: #555;
border-radius: 4px;
background-color: #fff;
}
.wrapper form .form-group label {
display: table;
}
.wrapper form .form-group .form-group-col {
float: left;
margin-right: 2%;
margin-top: 2%;
}
.form-group .form-group-col:first-child {
margin-left: 3%;
}
.wrapper footer {
border: solid 1px #d6d6d6;
border-radius: 3px;
padding: 13px;
text-align: center;
font-size: 16px;
color: #555;
margin-bottom: 2%;
}
.col-94 {
width: 94%;
}
.col-46 {
width: 46%;
}
.col-30 {
width: 30%;
}
/**
* FOR JS Styles:
*/
#login-form,
footer {
box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
}
.title h2 {
font-weight: 300;
margin-bottom: 5px;
text-align: center;
}
.title h4 {
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
@media screen and (max-width: 900px) {
.wrapper {
width: 40%;
}
}
@media screen and (max-width: 600px) {
.wrapper {
width: 70%;
}
}
@media screen and (max-width: 500px) {
.wrapper {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.wrapper {
width: 90%;
}
}
</style>
</head>
<body>
<main class="wrapper">
<hgroup>
<h1>
<img src="https://i.imgur.com/VZ7MTJ1.png" />
</h1>
</hgroup>
<form id="form-content">
<a href="/h1-" title="Voltar ao menu"><em aria-hidden="true" class="fas fa-arrow-left"></em></a>
<div class="title">
<h4>
Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.
</h4>
</div>
<div class="form-group">
<div class="form-group-col col-30" style="margin-right: 100%;">
<label for="nickname">Seu Nickname:</label> <input type="text" id="nickname" class="form-control" placeholder="Seu nickname" required="" />
</div>
</div>
<div class="form-group">
<div class="form-group-col col-30">
<label for="patente">Sua patente/cargo:</label> <input type="text" id="patente" class="form-control" placeholder="Sua patente/cargo" required="" />
</div>
<div class="form-group-col col-30">
<label for="tagi">TAG atual:</label> <input type="text" id="tagi" class="form-control" placeholder="TAG atual (sem [ ])" maxlength="3" required="" />
</div>
<div class="form-group-col col-30">
<label for="tagf">TAG nova:</label> <input type="text" id="tagf" class="form-control" placeholder="TAG desejada (sem [ ])" maxlength="3" required="" />
</div>
</div>
<br />
<button type="submit" class="btn btn-primary">
Enviar
</button>
</form>
</main>
<textarea style="display: none;" id="post-msg">[center][b]Modelo II - Alteração de TAG[/color][/b][/center]
[b]Nickname:[/b] {{nickname}}
[b]Patente/cargo:[/b] {{patente}}.
[b]TAG atual:[/b] {{tagi}}
[b]TAG nova:[/b] {{tagf}}
{{nickname}} [b][{{tagf}}][/b]</textarea>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">
(function ($) {
'use strict';
$(function () {
$('#form-content').on('submit', function (event) {
var data = {
nickname: $('#nickname').val(),
patente: $('#patente').val(),
tag_atual: $('#tagi').val(),
tag_nova: $('#tagf').val(),
};
event.preventDefault();
setTimeout(function () {
$.post('/post', {
t: 11,
message: [
'[center][b]Modelo II - Alteração[/b][/center]',
'',
'[b]Nickname:[/b] ' + data.nickname,
'[b]Patente/cargo:[/b] ' + data.patente + '.',
'[b]TAG atual:[/b] [' + data.tag_atual + ']',
'[b]TAG nova:[/b] [' + data.tag_nova + ']',
'',
'' + data.nickname + ' [b][' + data.tag_nova + '][/b]',
].join('\n'),
mode: 'reply',
tid: $('[name="tid"]:first').val(),
post: 1,
attach_sig: 'on'
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o tópico...');
location.href = 'http://' + location.host + '/t11-?view=newest';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Enquanto eu olhava seu código percebi um erro: o formulário posta no tópico de id 40 e redireciona para o tópico de id 11.
Última edição por vcapelli em 20.08.21 1:47, editado 2 vez(es)
Re: Página de HTML com erro
vcapelli escreveu:Substitua o código atual por:
- Código:
<html>
<head>
<link rel="shortcut icon" href="https://i.servimg.com/u/f20/20/34/71/90/logo_d26.png" />
<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>Formulário: TAGs</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" />
<style type="text/css">
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
font-size: 17px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
line-height: 1.5;
color: #212121;
line-height: 1.5;
background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
}
/**
* Begin tipografia.
*/
a,
a:active,
a:link,
a:visited,
a:focus {
color: #D8B500;
text-decoration: none;
border-bottom: solid 1px transparent;
outline: 0;
}
a:hover {
border-bottom-color: #2688dc;
}
a.fa:hover {
border-bottom-color: transparent;
color: #1f6db0;
}
h3 {
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
display: block;
width: 100%;
padding-bottom: 3px;
border-bottom: 2px solid #375e7f;
}
textarea {
height: 90px;
box-sizing: border-box;
resize: vertical;
outline: none;
}
.btn {
border: solid 1px #e4e4e4;
background: linear-gradient(180deg, #fff 0%, #efefef 100%);
padding: .575rem 1.1rem;
border-radius: .175rem;
font-weight: 600;
color: #686a6b;
cursor: pointer;
display: block;
text-align: center;
margin-bottom: 5px;
width: 100%;
}
.btn:focus {
border-color: #375e7f;
box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
outline: none;
}
.btn:hover {
box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
}
.btn.btn-primary {
border-radius: 3px;
box-shadow: none;
color: #fff;
background: #336600;
font-size: 14px;
transition: linear all 125ms;
margin-top: 25%;
}
.btn.btn-primary:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
outline: none;
}
.btn.btn-primary:hover {
background: #444;
}
.btn.btn-danger {
color: #fff;
border-color: #bd2c00;
background: #e7592e;
background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
}
.btn.btn-danger:focus {
border-color: #aa2c05;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
outline: none;
}
.btn-progress {
cursor: not-allowed;
opacity: .657;
}
.form-control {
background-color: #fff;
border: 1px solid #d4d4d4;
padding: 6px 8px;
margin: 5px 0 0;
display: block;
width: 100%;
font-size: 16px;
color: #555;
line-height: 20px;
border-radius: 3px;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
outline: none;
}
.form-control:focus {
border-color: #375e7f;
box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
outline: none;
}
input[type="text"]:disabled {
background: #dddddd;
cursor: not-allowed;
}
.card {
background-color: #E54732;
padding: 5px;
font-size: 10px;
color: #fff;
font-weight: 800;
border-radius: 5px;
float: left;
margin-right: 5px;
}
/*
* End tipografia.
**/
.wrapper {
width: 50%;
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wrapper hgroup {
text-align: center;
}
.wrapper hgroup i.fa {
font-size: 4em;
}
.wrapper hgroup h1 {
font-weight: 300;
margin: 10px 0;
padding: 0;
color: #545454;
}
.wrapper form {
border: solid 1px #d4d4d4;
margin: 0 0 25px;
padding: 20px;
color: #555;
border-radius: 4px;
background-color: #fff;
}
.wrapper form .form-group label {
display: table;
}
.wrapper form .form-group .form-group-col {
float: left;
margin-right: 2%;
margin-top: 2%;
}
.form-group .form-group-col:first-child {
margin-left: 3%;
}
.wrapper footer {
border: solid 1px #d6d6d6;
border-radius: 3px;
padding: 13px;
text-align: center;
font-size: 16px;
color: #555;
margin-bottom: 2%;
}
.col-94 {
width: 94%;
}
.col-46 {
width: 46%;
}
.col-30 {
width: 30%;
}
/**
* FOR JS Styles:
*/
#login-form,
footer {
box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
}
.title h2 {
font-weight: 300;
margin-bottom: 5px;
text-align: center;
}
.title h4 {
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
@media screen and (max-width: 900px) {
.wrapper {
width: 40%;
}
}
@media screen and (max-width: 600px) {
.wrapper {
width: 70%;
}
}
@media screen and (max-width: 500px) {
.wrapper {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.wrapper {
width: 90%;
}
}
</style>
</head>
<body>
<main class="wrapper">
<hgroup>
<h1>
<img src="https://i.imgur.com/VZ7MTJ1.png" />
</h1>
</hgroup>
<form id="form-content">
<a href="/h1-" title="Voltar ao menu"><em aria-hidden="true" class="fas fa-arrow-left"></em></a>
<div class="title">
<h4>
Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.
</h4>
</div>
<div class="form-group">
<div class="form-group-col col-30" style="margin-right: 100%;">
<label for="nickname">Seu Nickname:</label> <input type="text" id="nickname" class="form-control" placeholder="Seu nickname" required="" />
</div>
</div>
<div class="form-group">
<div class="form-group-col col-30">
<label for="patente">Sua patente/cargo:</label> <input type="text" id="patente" class="form-control" placeholder="Sua patente/cargo" required="" />
</div>
<div class="form-group-col col-30">
<label for="tagi">TAG atual:</label> <input type="text" id="tagi" class="form-control" placeholder="TAG atual (sem [ ])" maxlength="3" required="" />
</div>
<div class="form-group-col col-30">
<label for="tagf">TAG nova:</label> <input type="text" id="tagf" class="form-control" placeholder="TAG desejada (sem [ ])" maxlength="3" required="" />
</div>
</div>
<br />
<button type="submit" class="btn btn-primary">
Enviar
</button>
</form>
</main>
<textarea style="display: none;" id="post-msg">[center][b]Modelo II - Alteração de TAG[/color][/b][/center]
[b]Nickname:[/b] {{nickname}}
[b]Patente/cargo:[/b] {{patente}}.
[b]TAG atual:[/b] {{tagi}}
[b]TAG nova:[/b] {{tagf}}
{{nickname}} [b][{{tagf}}][/b]</textarea>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">
(function ($) {
'use strict';
$(function () {
$('#form-content').on('submit', function (event) {
var data = {
nickname: $('#nickname').val(),
patente: $('#patente').val(),
tag_atual: $('#tagi').val(),
tag_nova: $('#tagf').val(),
};
event.preventDefault();
setTimeout(function () {
$.post('/post', {
t: 40,
message: [
'[center][b]Modelo II - Alteração[/b][/center]',
'',
'[b]Nickname:[/b] ' + data.nickname,
'[b]Patente/cargo:[/b] ' + data.patente + '.',
'[b]TAG atual:[/b] [' + data.tag_atual + ']',
'[b]TAG nova:[/b] [' + data.tag_nova + ']',
'',
'' + data.nickname + ' [b][' + data.tag_nova + '][/b]',
].join('\n'),
mode: 'reply',
tid: $('[name="tid"]:first').val(),
post: 1,
attach_sig: 'on'
}).done(function () {
alert('Postado com sucesso. Você será redirecionado para o tópico...');
location.href = 'https://dmehb.forumeiros.com/t11-requerimento-cadastros-e-mudanca-de-tags-' + location.host + 'https://dmehb.forumeiros.com/t11-requerimento-cadastros-e-mudanca-de-tags-?view=newest';
}).fail(function () {
alert('Houve um erro! Tente novamente!');
});
}, 600);
});
});
}(jQuery));
</script>
</body>
</html>
Enquanto eu olhava seu código percebi um erro: o formulário posta no tópico de id 40 e redireciona para o tópico de id 11.
Olá!
Eu substitui o código, e deu certo a página de HTML, isso eu agradeço.
Mas quando eu vou postar a mensagem, ela vai ao tópico e não aparece a mensagem.
Re: Página de HTML com erro
Ah sim, como eu falei eu encontrei esse erro. Poderia me falar qual o id do tópico que a mensagem será postada?
Re: Página de HTML com erro
vcapelli escreveu:Ah sim, como eu falei eu encontrei esse erro. Poderia me falar qual o id do tópico que a mensagem será postada?
Seria neste tópico:
https://dmehb.forumeiros.com/t11-requerimento-cadastros-e-mudanca-de-tags
Re: Página de HTML com erro
Atualizei o código anterior
Re: Página de HTML com erro
vcapelli escreveu:Atualizei o código anterior
Olá @vcapelli
Coloquei o código que enviastes mas, não deu ainda.
Eu clico em "Enviar" e em "Ok", e a mensagem não chega ao tópico, eu sou redirecionado mas a mensagem não.
Re: Página de HTML com erro
Peço perdão, acabei de atualizar o código acima
Re: Página de HTML com erro
vcapelli escreveu:Peço perdão, acabei de atualizar o código acima
Olá @vcapelli.
Ainda não foi, continua mesma coisa.
Re: Página de HTML com erro
Poderia verificar se formulários externos estão autorizados a postar?
Painel administrativo > Geral > Fórum > Segurança > Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas : Não
Painel administrativo > Geral > Fórum > Segurança > Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas : Não
Re: Página de HTML com erro
vcapelli escreveu:Poderia verificar se formulários externos estão autorizados a postar?
Painel administrativo > Geral > Fórum > Segurança > Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas : Não
Aaaah, mil perdões.
Agora foi resolvido.
Sinceramente, não sabia dessa!
Mil desculpas e milhões de agradecimentos.
Re: Página de HTML com erro
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7983
Pontos : 9247
Tópicos semelhantes
» Erro página inicial em html
» Pagina inicial em html com erro
» Erro no audio da pagina HTML
» Erro no painel de login em página HTML
» Erro nos widgets depois da página em html
» Pagina inicial em html com erro
» Erro no audio da pagina HTML
» Erro no painel de login em página HTML
» Erro nos widgets depois da página em html
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