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(&quot;&quot;);" 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><strong><font color="red" size="1">A sua <u>Barra de Alerta</u> aumentou em <i><font color="BLUE">10%</font></i> por violar as Regras do Fórum.</font></strong><br><strong><font size="0">Regras Violadas:</font></strong><font size="0"><br>7 - Não é permitido a invasão de tópicos de revisão de bans ou denúncia se você não estiver envolvido</font><br><font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="http://www.nwdgames.com/t63857-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></font><br><strong><font size="1">Atenciosamente,</font></strong><br><strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK</font></strong><br></td></tr></tbody></table>

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!

Seria exatamente isso

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]<span style="font-size: 12px;">A sua [u]Barra de Alerta[/u] aumentou em [i][color=blue]10%[/color][/i] por violar as Regras do Fórum.</span>[/color][/b]<br><br>[b]<span style="font-size: 12px;">Regras Violadas:</span>[/b]<span style="font-size: 12px;"> 7 - Não é permitido a invasão de tópicos de revisão de bans ou denúncia se você não estiver envolvido</span><br><br>[color=red]<span style="font-size: 12px;">Evite transtornos, leia as </span>[/color][url=http://www.nwdgames.com/t63857-regras-do-forum][b]<span style="font-size: 12px;">Regras do Fórum</span>[/b][/url]<br><br>[b]<span style="font-size: 12px;">Atenciosamente,</span>[/b]<span style="font-size: 12px;"> COLOQUE_AQUI_SEU_NICK</span>[/td][/tr][/table]';

        sceditorInstance.insertText(alertBBCode);
    });
});

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

Até mais!

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


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

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!

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

Olá,

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

Perfil Preferências Sempre permitir HTML

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

Até mais!

Não consegui achar essa aba

Olá,

No Painel administrativo vá até

Geral Mensagens e e-mails 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!

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: '<strong><font color="red" size="1">A sua <u>Barra de Alerta</u> aumentou em <i><font color="BLUE">10%</i></font> por violar as Regras do Fórum.</strong></font>\n<strong><font size="0">Regras Violadas:</strong>\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;</font>
\n<font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></strong></font>\n<strong><font size="1">Atenciosamente,</font></strong>\n<strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK - Coordenador</font></strong>',
        group_id: 5,
        type: "warn"
    },
 
    {
        name: "Materiais postado",
        message: '<strong><font color="red" size="1">A sua <u>Barra de Alerta</u> aumentou em <i><font color="BLUE">10%</i></font> por violar as Regras do Fórum.</strong></font>\n<strong><font size="0">Regras Violadas:</strong>\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.</font>
\n<font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></strong></font>\n<strong><font size="1">Atenciosamente,</font></strong>\n<strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK - Coordenador</font></strong>',
        group_id: 5,
        type: "warn"
    },
    {   
        name: "Divulgação",
        message: '<strong><font color="red" size="1">Conta banida por violar as Regras do Fórum.</strong></font>
<strong><font size="0">Regras Violadas:</strong>
1.4 Divulgação: É proibida a divulgação de outros servidores (nomes/urls/ips).</font>
<font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></strong></font>
<strong><font size="1">Atenciosamente,</font></strong>
<strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK - Coordenador</font></strong>',
        group_id: 5,
        type: "warn"
    },
    {
        name: "Discussões",
        message: '<strong><font color="red" size="1">A sua <u>Barra de Alerta</u> aumentou em <i><font color="BLUE">20%</i></font> por violar as Regras do Fórum.</strong></font>
<strong><font size="0">Regras Violadas:</strong>
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.</font>
<font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></strong></font>
<strong><font size="1">Atenciosamente,</font></strong>
<strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK - Coordenador</font></strong>',
        group_id: 5,
        type: "warn"
    },
    {
        name: "Invasão de tópico",
        message: '<strong><font color="red" size="1">A sua <u>Barra de Alerta</u> aumentou em <i><font color="BLUE">50%</i></font> por violar as Regras do Fórum.</strong></font>
<strong><font size="0">Regras Violadas:</strong>
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.</font>
<font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></strong></font>
<strong><font size="1">Atenciosamente,</font></strong>
<strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK - Coordenador</font></strong>',
        group_id: 5,
        type: "warn"
    },
    {
        name: "Ressuscitar tópicos",
        message: '<strong><font color="red" size="1">A sua <u>Barra de Alerta</u> aumentou em <i><font color="BLUE">10%</i></font> por violar as Regras do Fórum</strong></font>
<strong><font size="0">Regras Violadas:</strong>
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.</font>
<font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></strong></font>
<strong><font size="1">Atenciosamente,</font></strong>
<strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK - Coordenador</font></strong>',
        group_id: 5,
        type: "warn"
    },
    {
        name: "Desrespeito a membros da Staff ",
        message: '<strong><font color="red" size="1">A sua <u>Barra de Alerta</u> aumentou em <i><font color="BLUE">10% a 50%</i></font> por violar as Regras do Fórum</strong></font>
<strong><font size="0">Regras Violadas:</strong>
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.</font>
<font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></strong></font>
<strong><font size="1">Atenciosamente,</font></strong>
<strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK - Coordenador</font></strong>',
        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

Alguém consegue dar uma força?

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

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

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?

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

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: '<strong><font color="red" size="1">A sua <u>Barra de Alerta</u> aumentou em <i><font color="BLUE">10%</i></font> por violar as Regras do Fórum.</strong></font>\n<strong><font size="0">Regras Violadas:</strong>\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;</font>
\n<font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="https://nwdgames.forumbrasil.net/t72010-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></strong></font>\n<strong><font size="1">Atenciosamente,</font></strong>\n<strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK - Coordenador</font></strong>',

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(&quot;&quot;);" 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><strong><font color="red" size="1">A sua <u>Barra de Alerta</u> aumentou em <i><font color="BLUE">10%</font></i> por violar as Regras do Fórum.</font></strong><br><strong><font size="0">Regras Violadas:</font></strong><font size="0"><br>7 - Não é permitido a invasão de tópicos de revisão de bans ou denúncia se você não estiver envolvido</font><br><font color="red" size="1">Evite transtornos, leia as </font><font size="0"><a href="http://www.nwdgames.com/t63857-regras-do-forum" target="_blank"><strong>Regras do Fórum</strong></a></font><br><strong><font size="1">Atenciosamente,</font></strong><br><strong><font color="#ff0aff" size="1">COLOQUE_AQUI_SEU_NICK</font></strong><br></td></tr></tbody></table>',

Diga-nos se resulta.