Botão Alerta

Item: Botão Alerta
Rating: 1

por bentozin 08.01.24 16:50

Detalhes da questão

Endereço do fórum: https://nwdgames.forumbrasil.net/
Versão do fórum: phpBB3

Descrição

Eu tenho essa mensagem pra quando um usuário tomar alerta por alguma regra infringida por ele. Todavia eu queria que essa tabela tivesse algum botão na caixa de mensagem de resposta rápida, pra não precisar copiar toda hora o código. Aí só precisaria editar conforme a regra.

Código:: <table style="border-left: 3px solid rgb(35, 230, 5); border-right: 3px solid rgb(35, 230, 5); margin: 10px auto; padding: 5px; border-radius: 4px; box-shadow: rgb(255, 0, 0) 0px 5px 9px; max-height: 1500px; max-width: 1500px; z-index: 999; min-width: 1px; min-height: 1px; background: url("");" http:="" bit.ly="" aclmw9");"=""><tbody><tr><td><img src="https://cdn4.iconfinder.com/data/icons/32x32-free-design-icons/32/Warning.png" alt=" Warning" class="" style="display:inline"></td><td>A sua Barra de Alerta aumentou em 10% por violar as Regras do Fórum. Regras Violadas: 7 - Não é permitido a invasão de tópicos de revisão de bans ou denúncia se você não estiver envolvido Evite transtornos, leia as <a href="http://www.nwdgames.com/t63857-regras-do-forum" target="_blank">Regras do Fórum</a> Atenciosamente, COLOQUE_AQUI_SEU_NICK </td></tr></tbody></table>

por Roevs 08.01.24 17:53

Olá,

Verifica se seria a função do tutorial abaixo que você deseja,
https://ajuda.forumeiros.com/t93900-

Posso adaptar o código do tutorial para em vez de ter várias opções, ter somente um botão que vai adicionar o código acima da sua mensagem já pronta.

Até mais!

por bentozin 08.01.24 17:58

Seria exatamente isso

por Roevs 08.01.24 18:01

Olá,

Substitua o código JavaScript do tutorial pelo código abaixo

Código:: document.addEventListener('DOMContentLoaded', function () { var alertButton = document.createElement('a'); alertButton.className = 'sceditor-button sceditor-button-alerta'; alertButton.setAttribute('unselectable', 'on'); alertButton.setAttribute('title', 'Alerta'); var alertButtonContent = document.createElement('div'); alertButtonContent.setAttribute('unselectable', 'on'); alertButtonContent.style.backgroundImage = 'url(http://i.imgur.com/lMsD0nE.png)'; alertButtonContent.textContent = 'Alerta'; alertButton.appendChild(alertButtonContent); var existingButton = document.querySelector('.sceditor-button-size'); existingButton.parentNode.insertBefore(alertButton, existingButton); alertButton.addEventListener('click', function () { var textEditorTextarea = document.querySelector('#text_editor_textarea'); var sceditorInstance = jQuery(textEditorTextarea).sceditor('instance'); var alertBBCode = '[table style="border-left: 3px solid rgb(35, 230, 5); border-right: 3px solid rgb(35, 230, 5); margin: 10px auto; padding: 5px; border-radius: 4px; box-shadow: rgb(255, 0, 0) 0px 5px 9px; max-height: 1500px; max-width: 1500px; z-index: 999; min-width: 1px; min-height: 1px; background: url(\'http://bit.ly/aclmw9\');"][tr][td][img]https://cdn4.iconfinder.com/data/icons/32x32-free-design-icons/32/Warning.png[/img][/td][td][b][color=red]A sua [u]Barra de Alerta[/u] aumentou em [i][color=blue]10%[/color][/i] por violar as Regras do Fórum.[/color][/b] [b]Regras Violadas:[/b] 7 - Não é permitido a invasão de tópicos de revisão de bans ou denúncia se você não estiver envolvido [color=red]Evite transtornos, leia as [/color][url=http://www.nwdgames.com/t63857-regras-do-forum][b]Regras do Fórum[/b][/url] [b]Atenciosamente,[/b] COLOQUE_AQUI_SEU_NICK[/td][/tr][/table]'; sceditorInstance.insertText(alertBBCode); }); });

Não precisa adicionar o código CSS do tutorial

Até mais!

por bentozin 08.01.24 18:07

Eu adicionei, porém ao postar ficou assim.
imagem

Uma pergunta, esse botão também funciona caso eu queira enviar por MP?

por Roevs 08.01.24 18:18

Olá,

Não, para isso você precisa mudar o "Investimento" do JavaScriptp.

Em vez de "Nos tópicos" para "Em todas as páginas"

Até mais!

por bentozin 08.01.24 18:26

bentozin escreveu:Eu adicionei, porém ao postar ficou assim.
imagem

Uma pergunta, esse botão também funciona caso eu queira enviar por MP?

É esse pequeno erro que deu ao postar a mensagem. Como diz a imagem

por Roevs 08.01.24 19:01

Olá,

Poderia confirmar se o HTML nas postagens do seu fórum está ativo?

Perfil Seta

Preferências Seta

Sempre permitir HTML

Título alterado para "Ativar HTML nas postagens do fórum"

Até mais!

por bentozin 08.01.24 19:22

Não consegui achar essa aba

por Roevs 08.01.24 19:28

Olá,

No Painel administrativo vá até

Geral Seta

Mensagens e e-mails Seta

Configuração

Procure por "Permitir HTML :" e marque "Sim"

O outro caminho que passei anteriormente é diretamente no seu Perfil do fórum, sem ser no Painel administrativo

Até mais!

por bentozin 08.01.24 19:32

Editei um botão com base na mesma tabela, conquanto, com várias mensagens, só que o estilo dela não se mantem com o código enviado anteriormente, ele fica todo estranho.

Código:: if (typeof zModConfig === 'undefined') var zModConfig = [{ icon: "https://i.imgur.com/R7PSmOT.png", loadCss: true, // true or false css_source: "https://cdn.rawgit.com/zeusmaximus/Moderation-tools-for-Forumotion/e46f560/style.css", fontAwesome: true // true or false }]; if (typeof zModTabels === 'undefined') var zModTabels = [{ type: "warn", body_start: '<table style="border-left-width: 3px; border-left-style: solid; border-left-color: #23E605; border-right-width: 3px; border-right-style: solid; border-right-color: #23E605; margin: 10px auto; padding: 5px; border-radius: 4px; box-shadow: #FF0000 0px 5px 9px; max-height: 2500px; max-width: 2500px; z-index: 999; min-width: 1px; min-height: 1px; background: url("http://bit.ly/acLmW9");"><tbody><tr><td><img src="https://cdn4.iconfinder.com/data/icons/32x32-free-design-icons/32/Warning.png" alt=""></td><td>', body_end: "</td></tr></tbody></table>\n\n" } ]; if (typeof zModMessages === 'undefined') var zModMessages = [{ name: "Flood", message: 'A sua Barra de Alerta aumentou em 10% por violar as Regras do Fórum.\nRegras Violadas:\n1.1 Flood: É proibido o flood. Caracteriza-se:\n -Quando é feito postagens seguidas, ou seja, postagem atrás de postagem;\n-Quando o usuário repete mensagens postadas acima em curto espaço de tempo;\n -Quando o usuário cita uma mensagem dita acima e não escreve nada mais ou faz uso de smileys;\n-Quando o usuário foge do contexto do tópico;\n-Quando são feitas postagens em curto intervalo de tempo em diferentes tópicos (clique aqui para ver um exemplo);\n-Fazer UP em tópico em menos de 24 horas; \nEvite transtornos, leia as <a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank">Regras do Fórum</a>\nAtenciosamente,\nCOLOQUE_AQUI_SEU_NICK - Coordenador', group_id: 5, type: "warn" }, { name: "Materiais postado", message: 'A sua Barra de Alerta aumentou em 10% por violar as Regras do Fórum.\nRegras Violadas:\n1.2 Materiais postados: É proibido a postagem de urls ou qualquer outro material de cunho ilegal, malicioso, pornográfico ou preconceituoso ou que gere espanto. \nEvite transtornos, leia as <a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank">Regras do Fórum</a>\nAtenciosamente,\nCOLOQUE_AQUI_SEU_NICK - Coordenador', group_id: 5, type: "warn" }, { name: "Divulgação", message: 'Conta banida por violar as Regras do Fórum. Regras Violadas: 1.4 Divulgação: É proibida a divulgação de outros servidores (nomes/urls/ips). Evite transtornos, leia as <a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank">Regras do Fórum</a> Atenciosamente, COLOQUE_AQUI_SEU_NICK - Coordenador', group_id: 5, type: "warn" }, { name: "Discussões", message: 'A sua Barra de Alerta aumentou em 20% por violar as Regras do Fórum. Regras Violadas: 1.6 Discussões: É proibido criar ou dar continuidade à brigas e discussões fora de controle. 1.6.1 -É proibido ofender, denegrir ou discriminar outros usuários. Evite transtornos, leia as <a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank">Regras do Fórum</a> Atenciosamente, COLOQUE_AQUI_SEU_NICK - Coordenador', group_id: 5, type: "warn" }, { name: "Invasão de tópico", message: 'A sua Barra de Alerta aumentou em 50% por violar as Regras do Fórum. Regras Violadas: 1.7 Invasão: É proibido usuários invadirem (comentarem) em tópicos de denúncias, revisão de banidos e reclamações, em alguns casos poderão ter exceções. Evite transtornos, leia as <a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank">Regras do Fórum</a> Atenciosamente, COLOQUE_AQUI_SEU_NICK - Coordenador', group_id: 5, type: "warn" }, { name: "Ressuscitar tópicos", message: 'A sua Barra de Alerta aumentou em 10% por violar as Regras do Fórum Regras Violadas: 1.8 Ressuscitar tópicos: É proibido comentar em tópicos que a última mensagem tenha sido feita há mais de 30 (trinta) dias. OBS: Área de Tutoriais em Geral e Consoles são excluídas desta regra. Evite transtornos, leia as <a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank">Regras do Fórum</a> Atenciosamente, COLOQUE_AQUI_SEU_NICK - Coordenador', group_id: 5, type: "warn" }, { name: "Desrespeito a membros da Staff ", message: 'A sua Barra de Alerta aumentou em 10% a 50% por violar as Regras do Fórum Regras Violadas: 2.2 Desrespeito com membros da Staff: Se o usuário faltar com respeito, desdenhar ou afrontar membros da staff (fórum e/ou servidor) está sujeito a punição. Evite transtornos, leia as <a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank">Regras do Fórum</a> Atenciosamente, COLOQUE_AQUI_SEU_NICK - Coordenador', group_id: 5, type: "warn" }, ]; if (typeof zModGroups === 'undefined') var zModGroups = [{ id: 0, name: 'Programador' }, { id: 1, name: 'Gerente' }, { id: 2, name: 'Administrador(a)' }, { id: 3, name: 'Moderador(a)' }, { id: 4, name: 'Ajudante' } , { id: 5, name: 'Coordenador(a)' } ]; $(function() { if (zModConfig[0].fontAwesome === true) $('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />').appendTo("head"); if (zModConfig[0].loadCss === true) $('<link rel="stylesheet" type="text/css" href="'+ zModConfig[0].css_source +'" />').appendTo("head"); $('<style type="text/css">.sceditor-button-staff div {background: url(' + zModConfig[0].icon + ') !important;}</style>').appendTo("head"); var list = ""; $(window).load(function() { function zModGetTable(type, body) { var str = ""; for (var y = 0; y < zModTabels.length; y++) str += (zModTabels[y].type === type) ? (body === "start") ? zModTabels[y].body_start : zModTabels[y].body_end : ""; return str; } function zModGetModMessageByGroupId(f, g) { var str = "", c = 0; for (var z = 0; z < zModMessages.length; z++) { if (zModMessages[z].group_id == f) { str += "<li class='mod_editor_message group_" + zModMessages[z].group_id + "' id='group_" + z + "_" + zModMessages[z].group_id + "'><a style='cursor: pointer'>" + zModMessages[z].name + "</a></li>\n"; if (g === 0) zModInsertToSCEditor('#group_' + z + '_' + zModMessages[z].group_id + ' a', zModMessages[z].message, zModMessages[z].type); c++; } } if (g === 1) str = c; return str; } function zModInsertToSCEditor(e, t, i) { $(e).live("click", function(e) { $("#text_editor_textarea").sceditor("instance").insertText(zModGetTable(i, "start") + t, zModGetTable(i, "end")); }); } function zModToggleSCEditor(o, i) { $(o).live("click", function(o) { $(i).toggle(); }); } for (var x = 0; x < zModGroups.length; x++) { if (zModGetModMessageByGroupId(zModGroups[x].id, 1) > 0) { list += "<li class='mod_editor_section' id='list_" + zModGroups[x].id + "'><a style='cursor: pointer'>" + zModGroups[x].name + " (" + zModGetModMessageByGroupId(zModGroups[x].id, 1) + ")</a></li>" + zModGetModMessageByGroupId(zModGroups[x].id, 0); zModToggleSCEditor("#list_" + zModGroups[x].id + " a", ".group_" + zModGroups[x].id + ""); } } zModToggleSCEditor('.sceditor-button.sceditor-button-staff', '.mod_box'); $("textarea, .sceditor-button").click(function() { $(".mod_box").hide(); }); $(".sceditor-button-source").click(function() { $(".sceditor-button-staff").removeClass("disabled"); }); if(_userdata.user_level === 1 | _userdata.user_level === 2) $(".sceditor-group:last-child").before('<div class="sceditor-group"><a class="sceditor-button sceditor-button-staff" title="Alertas"><div unselectable="on">Alertas</div></a><div class="mod_box" style="display: none;"><ul class="mod_groups" id="mod_box_i">' + list + '<li class="copyright_e"> ️️️️ Created by Choice - Todos os direitos reservados</li></div></div></div>'); }); });

O estilo dela fica assim , porém eu queria que ele se mantesse dessa forma, sem as linhas pretas

por bentozin 09.01.24 22:54

Alguém consegue dar uma força?

por Shek 09.01.24 23:08

Boa noite.

Há tantos tutoriais e dúvidas já resolvidas no FdF. Um exemplo disso:
- https://ajuda.forumeiros.com/t93902-tutorial-adicionar-novo-botao-no-sceditor
- https://ajuda.forumeiros.com/t115646-adicionar-botao-no-sceditor
- https://ajuda.forumeiros.com/t111417-adicionar-novo-botao-no-sceditor
- https://ajuda.forumeiros.com/t117777-adicionar-botao-no-editor-para-administradores

Por gentileza, queira fazer uma busca no fórum para ver as questões sanadas não ajudam.

Atenciosamente,
Shek King

por bentozin 10.01.24 0:25

Já tentei utiliza-los, conquanto, após eu editar conforme as mensagens o botão desaparece

por Shek 10.01.24 0:36

Ok, então me passe o código que você tem referente ao primeiro link que citei já com o código que citou na primeira mensagem, no qual comprova o fato que mencionou que desaparece após usar no editor, por favor?

Edit:
Acabei de testar o código do primeiro tutorial, inserindo seu código HTML nos campos indicados pelo tutorial, e funcionou perfeitamente. Queira nos explicar quais passos seguiu para obter resultado?

por bentozin 10.01.24 1:10

Olá,

Assim como eu disse em uma mensagem anterior, o meu fórum tinha o código da primeira mensagem e foi feito o botão para ela, conquanto, ficaria muito trabalhoso editar toda vez que fosse aplicar um alerta. Ai consegui editar o botão conforme enviei aqui 5 mensagens acima, todavia, o estilo dela fica diferente do que eu almejo.
O estilo dela fica assim , porém eu queria que ele se mantesse dessa forma, sem as linhas pretas. Tento consertar e tals, mas o botão some quando salvo as edições.

https://prnt.sc/cwiZiaylrT1W

por Shek 10.01.24 1:50

Então, você já tentou remover esse trecho do seu código CSS?

Código:: div[class*='post--'] .postbody table,div[class*='post--'] .postbody td,#preview .postbody table,#preview .postbody td { border: 1px solid #444!important }

Ele está provavelmente em Visualização > Imagens e Cores > Cores e CSS > Folha de estilos CSS.

Removendo-o, o resultado é esse:

Sobre o script, substitua esse trecho:

Código:: message: 'A sua Barra de Alerta aumentou em 10% por violar as Regras do Fórum.\nRegras Violadas:\n1.1 Flood: É proibido o flood. Caracteriza-se:\n -Quando é feito postagens seguidas, ou seja, postagem atrás de postagem;\n-Quando o usuário repete mensagens postadas acima em curto espaço de tempo;\n -Quando o usuário cita uma mensagem dita acima e não escreve nada mais ou faz uso de smileys;\n-Quando o usuário foge do contexto do tópico;\n-Quando são feitas postagens em curto intervalo de tempo em diferentes tópicos (clique aqui para ver um exemplo);\n-Fazer UP em tópico em menos de 24 horas; \nEvite transtornos, leia as <a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank">Regras do Fórum</a>\nAtenciosamente,\nCOLOQUE_AQUI_SEU_NICK - Coordenador',

Por:

Código:: message: '<table style="border-left: 3px solid rgb(35, 230, 5); border-right: 3px solid rgb(35, 230, 5); margin: 10px auto; padding: 5px; border-radius: 4px; box-shadow: rgb(255, 0, 0) 0px 5px 9px; max-height: 1500px; max-width: 1500px; z-index: 999; min-width: 1px; min-height: 1px; background: url("");" http:="" bit.ly="" aclmw9");"=""><tbody><tr><td><img src="https://cdn4.iconfinder.com/data/icons/32x32-free-design-icons/32/Warning.png" alt=" Warning" class="" style="display:inline"></td><td>A sua Barra de Alerta aumentou em 10% por violar as Regras do Fórum. Regras Violadas: 7 - Não é permitido a invasão de tópicos de revisão de bans ou denúncia se você não estiver envolvido Evite transtornos, leia as <a href="http://www.nwdgames.com/t63857-regras-do-forum" target="_blank">Regras do Fórum</a> Atenciosamente, COLOQUE_AQUI_SEU_NICK </td></tr></tbody></table>',

Diga-nos se resulta. Muito feliz

por **Sleep** 16.01.24 19:51

Tópico resolvido

Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.

Botão Alerta

Botão Alerta

Detalhes da questão

Descrição

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Re: Botão Alerta

Tópico resolvido