Mensagens de aviso 'Personalizada'.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Mensagens de aviso 'Personalizada'.

Mensagem por crocbean 27.04.20 3:39

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>
crocbean

crocbean
Nível 8

Masculino
Inscrito dia : 23/01/2013
Mensagens : 146
Pontos ativos : 252

https://www.narutosurvivalgold.com/

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por Sleep 27.04.20 4:27

Olá @crocbean,

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

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

Atenciosamente,
Sleep
Sleep

Sleep
Usuário destaque

Masculino
Inscrito dia : 10/08/2012
Mensagens : 782
Pontos ativos : 971

https://syndicaterp.forumeiros.com/

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por pedxz 27.04.20 13:50

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:



Título

Descrição da mensagem moderativa.


Atenciosamente,
pedxz.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6088
Pontos ativos : 7230

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por crocbean 28.04.20 0:20

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

crocbean
Nível 8

Masculino
Inscrito dia : 23/01/2013
Mensagens : 146
Pontos ativos : 252

https://www.narutosurvivalgold.com/

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por pedxz 29.04.20 17:09

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>');
       
    });

});


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6088
Pontos ativos : 7230

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por crocbean 30.04.20 3:08

Ficou perfeito * - * Mas eh possível tirar o divisor embaixo do "Outros"?
Mensagens de aviso 'Personalizada'. KSQfDmX
crocbean

crocbean
Nível 8

Masculino
Inscrito dia : 23/01/2013
Mensagens : 146
Pontos ativos : 252

https://www.narutosurvivalgold.com/

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por Connor R. 30.04.20 3:32

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.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1182
Pontos ativos : 1914

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por crocbean 02.05.20 23:38

@"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)?
crocbean

crocbean
Nível 8

Masculino
Inscrito dia : 23/01/2013
Mensagens : 146
Pontos ativos : 252

https://www.narutosurvivalgold.com/

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por Chanp 03.05.20 0:04

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 Feliz
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por crocbean 04.05.20 23:28

Obrigado a todos * - *
Pode fechar.
crocbean

crocbean
Nível 8

Masculino
Inscrito dia : 23/01/2013
Mensagens : 146
Pontos ativos : 252

https://www.narutosurvivalgold.com/

Atendido / Resolvido Re: Mensagens de aviso 'Personalizada'.

Mensagem por Chagas 04.05.20 23:45

Tópico resolvido


Movido para "Questões resolvidas".


Mensagens de aviso 'Personalizada'. IX6xWl9
"Eu quero um punhado de estrelas... eu quero a doçura do verbo viver."

Eu sou o Chagas,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

Chagas

Chagas
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/10/2015
Mensagens : 876
Pontos ativos : 1081

https://pelotao.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum