Mensagens de aviso 'Personalizada'.

Detalhes da questão

Endereço do fórum: https://www.narutosurvivalgold.com/forum
Versão do fórum: phpBB3

Descrição

Olá, acabei criando o template para mensagem de avisos que deveriam ser criadas através de botões na caixa de texto. Tentei seguir alguns tutoriais, mas infelizmente não consegui fazer de maneira correta.  Gostaria de uma ajuda para ficar desta maneira: https://i.imgur.com/qxslFpM.png

Tutoriais vistos: https://ajuda.forumeiros.com/t93900-tutorial-mensagens-de-aviso-na-caixa-de-resposta-rapida , https://ajuda.forumeiros.com/t56838-tutorial-mensagem-de-aviso-personalizada

Template:

Código:

<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
<div style="width: 600px; height: 215px; background:#0d730d; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>[size=24][b][font=Righteous]Aprovado.[/font][/b][/size]

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nunc felis, venenatis quis porttitor et, volutpat sit amet nunc. Aliquam lacinia vehicula semper."<br></div></center>

Olá @crocbean,

Já são tutoriais muito antigos, tente um mais recente aqui.

Qualquer dúvida ou questão por favor avise,

Atenciosamente,
Sleep

Olá @crocbean,

Não sei se houve uma confusão, por parte do meu colega, o Senhor quer um botão do editor com as tabelas ou a tabela?

Código:

[table style="background: #0d730d url(https://i.imgur.com/8HEnvNG.png) left bottom no-repeat;padding: 5px;margin: 1em 25px 1em 1em;min-width: 90%!important; line-height: 10px!important;min-height: 200px;"]
[tr style=][td style="width: 55%;color: white;float: right;"]

[b]Título[/b]

Descrição da mensagem moderativa. [/td]
[/tr]
[/table]

Demostração

Spoiler:

Atenciosamente,
pedxz.

Seria assim msm * - *
Gostaria o botão com a tabela.

Olhe existe um código que adiciona o botão do editor, mas não acho que seja bem feito, o código, caso queria usar esta possibilidade: Ferramentas de moderação; O código do editor é:

Código:

/**
 * Title        : Forumotion tools for moderation
 * Version      : 1.0.2
 * Author        : Zeus
 * Author URI    : http://help.forumgratuit.ro
 * License      : GNU - General Public License v3.0
 * Documentation : https://github.com/zeusmaximus/Moderation-tools-for-Forumotion/
 */
if (typeof zModConfig === 'undefined') var zModConfig = [{
    icon: "https://i.servimg.com/u/f58/11/80/17/98/chat-110.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: "success",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background:#0d730d; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    },
    {
        type: "danger",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background:red; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    },
    {
        type: "warning",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background: yellow; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    }
];

if (typeof zModMessages === 'undefined') var zModMessages = [{
        name: "Aprovado",
        message: '[size=24][b][font=Righteous]Aprovado.[/font][/b][/size] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
        group_id: 0,
        type: "success"
    },
    {
        name: "Reprovado",
        message: '[b]Reprovado[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
        group_id: 0,
        type: "danger"
    },
    {
        name: "Outros",
        message: '[b]Outros[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
        group_id: 1,
        type: "warning"
    }

];

if (typeof zModGroups === 'undefined') var zModGroups = [{
        id: 0,
        name: 'Moderação geral'
    }
];

$(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 = "";

    $('.zmod_box td').each(function() {
        this.innerHTML = this.innerHTML.replace(/\[icon\="?(.*?)"?\](.*?)\[\/icon\]/g, "<div><i class=\"$1\ icon-message\">$2</i></div>")
            .replace(/\[div\](.*?)\[\/div\]/g, "<div>$1</div>");
    });

    $(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 > 0) $(".sceditor-group:last-child").before('<div class="sceditor-group"><a class="sceditor-button sceditor-button-staff" title="Mesaje de moderare"><div unselectable="on">Mesaje de moderare</div></a><div class="mod_box" style="display: none;"><ul class="mod_groups" id="mod_box_i">' + list + '<li class="copyright_e"> Created by Zeus - All right reserved</li></div></div></div>');
       
    });

});

Ficou perfeito * - * Mas eh possível tirar o divisor embaixo do "Outros"?

Olá, troque por este abaixo.

Código:


/**
 * Title        : Forumotion tools for moderation
 * Version      : 1.0.2
 * Author        : Zeus
 * Author URI    : http://help.forumgratuit.ro
 * License      : GNU - General Public License v3.0
 * Documentation : https://github.com/zeusmaximus/Moderation-tools-for-Forumotion/
 */
if (typeof zModConfig === 'undefined') var zModConfig = [{
    icon: "https://i.servimg.com/u/f58/11/80/17/98/chat-110.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: "success",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background:#0d730d; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    },
    {
        type: "danger",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background:red; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    },
    {
        type: "warning",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background: yellow; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    }
];
 
if (typeof zModMessages === 'undefined') var zModMessages = [{
        name: "Aprovado",
        message: '[size=24][b][font=Righteous]Aprovado.[/font][/b][/size] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
        group_id: 0,
        type: "success"
    },
    {
        name: "Reprovado",
        message: '[b]Reprovado[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
        group_id: 0,
        type: "danger"
    }
];
 
if (typeof zModGroups === 'undefined') var zModGroups = [{
        id: 0,
        name: 'Moderação geral'
    }
];
 
$(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 = "";
 
    $('.zmod_box td').each(function() {
        this.innerHTML = this.innerHTML.replace(/\[icon\="?(.*?)"?\](.*?)\[\/icon\]/g, "<div><i class=\"$1\ icon-message\">$2</i></div>")
            .replace(/\[div\](.*?)\[\/div\]/g, "<div>$1</div>");
    });
 
    $(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 > 0) $(".sceditor-group:last-child").before('<div class="sceditor-group"><a class="sceditor-button sceditor-button-staff" title="Mesaje de moderare"><div unselectable="on">Mesaje de moderare</div></a><div class="mod_box" style="display: none;"><ul class="mod_groups" id="mod_box_i">' + list + '<li class="copyright_e"> Created by Zeus - All right reserved</li></div></div></div>');
     
    });
 
});


@"Connor R." eu queria só tirar a parte do Design msm, aquela barra escura, não o "Outros".

Duas dúvida, tem como encurtar o código para tipo um [sucesso][/sucesso]. Sem ficar com o CSS?

E como posso adicionar outra mensagem de aviso (uma quarta)?

Olá crocbean,

Para ter de volta a opção "Outros", substitua o código atual por este.

Código:


/**
 * Title        : Forumotion tools for moderation
 * Version      : 1.0.2
 * Author        : Zeus
 * Author URI    : http://help.forumgratuit.ro
 * License      : GNU - General Public License v3.0
 * Documentation : https://github.com/zeusmaximus/Moderation-tools-for-Forumotion/
 */
if (typeof zModConfig === 'undefined') var zModConfig = [{
    icon: "https://i.servimg.com/u/f58/11/80/17/98/chat-110.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: "success",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background:#0d730d; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    },
    {
        type: "danger",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background:red; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    },
    {
        type: "warning",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background: yellow; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    }
];
 
if (typeof zModMessages === 'undefined') var zModMessages = [{
        name: "Aprovado",
        message: '[size=24][b][font=Righteous]Aprovado.[/font][/b][/size] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
        group_id: 0,
        type: "success"
    },
    {
        name: "Reprovado",
        message: '[b]Reprovado[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
        group_id: 0,
        type: "danger"
    },
    {
        name: "Outros",
        message: '[b]Outros[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
        group_id: 0,
        type: "warning"
    }                                                        
];
 
if (typeof zModGroups === 'undefined') var zModGroups = [{
        id: 0,
        name: 'Moderação geral'
    }
];
 
$(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 = "";
 
    $('.zmod_box td').each(function() {
        this.innerHTML = this.innerHTML.replace(/\[icon\="?(.*?)"?\](.*?)\[\/icon\]/g, "<div><i class="$1\ icon-message">$2</i></div>")
            .replace(/\[div\](.*?)\[\/div\]/g, "<div>$1</div>");
    });
 
    $(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 > 0) $(".sceditor-group:last-child").before('<div class="sceditor-group"><a class="sceditor-button sceditor-button-staff" title="Mesaje de moderare"><div unselectable="on">Mesaje de moderare</div></a><div class="mod_box" style="display: none;"><ul class="mod_groups" id="mod_box_i">' + list + '<li class="copyright_e"> :copyright: Created by Zeus - All right reserved</li></div></div></div>');
    
    });
 
});

Sim, para encurtar o código, você pode ler este tutorial.

A última pergunta é um pouco difícil de responder de modo simples, então, vamos lá.
Para adicionar uma quarta mensagem de aviso, você precisará adicionar os seguintes códigos nos seguintes locais:

1. Pesquise por if (typeof zModTabels === 'undefined') var zModTabels = [{ no código. Logo abaixo você encontrará 3 type, 3 body_start e 3 body_end. Cada um é relacionado a uma das mensagens já adicionadas. Para adicionar uma quarta, no penúltimo colchete, que antecede o colchete final precedido por dois pontos (];), adicione uma vírgula. Em seguida, pule uma linha e cole este código:

Código:

   {
        type: "typename",
        body_start: '<center><link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"><div style="width: 600px; height: 215px; background: yellow; color:white; text-align:justify; padding-right: 20px;"><img style="float:left; padding-right:20px;" src="https://i.imgur.com/8HEnvNG.png"><br>',
        body_end: "<br></div></center>\n\n"
    }

Em seguida, altere o typename para algum nome que remeta à mensagem. Exemplo: se eu estou lidando com a mensagem de sucesso, posso utilizar "success" no type.

Já no body_start, você deverá colocar em HTML o início e o meio código da tabela. Deixei lá o exemplo da tabela warning.

Por fim, no body_end, coloque a finalização do código da tabela em HTML.

Ao finalizar essa parte, vamos para a parte 2.

2. Pesquise por if (typeof zModMessages === 'undefined') var zModMessages = [{ no código. Logo abaixo você também encontrará 3 name, 3 message, 3 group_id e 3 type. Cada um se refere a uma mensagem moderativa já adicionada. Novamente, no penúltimo colchete, adicione uma vírgula e, logo em seguida, pule uma linha. Então, adicione este código:

Código:

   {
        name: "Outros",
        message: '[b]Outros[/b] \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
        group_id: 1,
        type: "warning"
    }

Agora, você terá que alterar o Outros para o nome que você quer que apareça nas ferramentas moderativas relacionado à tabela.

Já em message, coloque a mensagem que deve aparecer dentro da tabela, seguindo o modelo dos demais messages.

Em type, repita o typename que você colocou no passo 1.

---

Depois disso, salve. Se quiser adicionar mais uma além dessa quarta, repita esse processo.

Espero ter ajudado.
Chanp

Obrigado a todos * - *
Pode fechar.