Fontawesome nos botões admnistrativos

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

Atendido / Resolvido Fontawesome nos botões admnistrativos

Mensagem por iScroll em 03.05.17 0:02

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição


Recentemente peguei o código do tutorial do Luiz~ e incrementei no meu SCEditor.
Infelizmente queria adicionar o mesmo efeito nesse JS:

Código:
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';
 var forumAdd = 6;

  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
      'somenteModVer': true,
      'name': 'Mensagens de Denúncias',
      'id': 'mensagens-de-denuncias',
      'imgUrl': 'http://i.imgur.com/oAGWDdG.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Denúncia UP',
          'text': '[table class=sucesso][tr][td][b]Denúncia UP[/b] \n\[b]Motivo:[/b] Motivo Aqui \n\[b]Punição:[/b] Punição Aqui \n\[b]Achou injusto? Peça revisão nessa área: http://www.brasilplayultimate.com.br/f130-revisao-de-punicao[/b]\n \n[b]Tópico Marcado como Resolvido e movido para "Arquivos - Denúncias".[/b][/td][/tr][/table]',
          'id': 'msm-denuncia',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Denúncia FAIL',
          'text': '[table class=alerta][tr][td][b]Denúncia FAIL[/b]\n\[b]Motivo:[/b] Motivo Aqui \n\[b]Achou injusto? Peça revisão nessa área: http://www.brasilplayultimate.com.br/f130-revisao-de-punicao[/b]\n\ \n\[b]Tópico Marcado como Recusado e movido para "Arquivos - Denúncias".[/b][/td][/tr][/table]',
          'id': 'msm-denuncia',
          'imgUrl': 'http://i.imgur.com/E3r9Hh1.png'
        }, {
          'somenteModVer': true,
          'name': 'Denúncia Em Curso',
          'text': '[table class=aviso][tr][td][b]Denúncia Em Curso[/b]\n\[b]Tópico Marcado como Em Curso. Denúncias são fechadas no prazo de 24H caso o acusado responda, caso contrário, terá o fechamento no tempo de 48H.[/b][/td][/tr][/table]',
          'id': 'msm-denuncia',
          'imgUrl': 'http://i.imgur.com/l7KlLp6.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
      '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown1 {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown1 a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown1 a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown1-open {',
      '    display: block;',
      '  }',
    '.naoaparecer{display:none!important;}',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
      if(botoes.id=='mensagens-de-denuncias'&&jQuery('p.crumbs a.nav[href^="/f'+forumAdd+'-"]').length==0){
        return false;
      }
    else {
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown1-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown1-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown1 fa-dropdown1-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown1-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown1')
                    .toggleClass('fa-dropdown1-open');
                });
          });
         
          return;
         
        }
      }

    });
   
  });
}(jQuery));
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';
  var forumAdd = 8;
  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
      'somenteModVer': true,
      'name': 'Mensagens de Dúvidas',
      'id': 'mensagens-de-duvidas',
      'imgUrl': 'http://i.imgur.com/blJDYza.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Dúvida Resolvida',
          'text': '[table class=sucesso][tr][td][b]Dúvida Resolvida[/b] \n\[b]Tópico Fechado e Marcado como Resolvido.[/b][/td][/tr][/table]',
          'id': 'msm-sucesso',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Dúvida Em Curso',
          'text': '[table class=aviso][tr][td][b]Dúvida Em Curso[/b] \n\[b]Este tópico foi colocado Em Curso, após a dúvida ser retirada ele será marcado como resolvido.[/b] [/td][/tr][/table]',
          'id': 'msm-aviso',
          'imgUrl': 'http://i.imgur.com/l7KlLp6.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
      '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown-open {',
      '    display: block;',
      '  }',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
if(botoes.id=='mensagens-de-duvidas'&&jQuery('p.crumbs a.nav[href^="/f'+forumAdd+'-"]').length==0){
return false;
}
else {
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown fa-dropdown-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown')
                    .toggleClass('fa-dropdown-open');
                });
          });
         
          return;
         
        }
      }

    });
   
  });
}(jQuery));
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';
  var forumAdd = 15;
  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
      'somenteModVer': true,
      'name': 'Mensagens de Mudança de Nick',
      'id': 'mensagens-de-nick',
      'imgUrl': 'http://i.imgur.com/XHftHts.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Mudança de Nick Resolvida',
          'text': '[table class=sucesso][tr][td][b]Mudança de Nick/Senha Resolvida[/b] \n \n [b]Tópico Marcado como resolvido e movido para "Arquivos - Mudar Nick/Senha"[/b][/td][/tr][/table]',
          'id': 'msm-nick-resolved',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Mudança de Nick Recusada',
          'text': '[table class=alerta][tr][td][b]Mudança de Nick/Senha Recusada[/b] \n\[b]Motivo:[/b] Motivo Aqui \n\ \n\[b]Tópico Marcado como recusado e movido para "Arquivos - Mudar Nick/Senha"[/b] [/td][/tr][/table]',
          'id': 'msm-nick-recused',
          'imgUrl': 'http://i.imgur.com/E3r9Hh1.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
      '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown2 {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown2 a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown2 a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown2-open {',
      '    display: block;',
      '  }',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
      if(botoes.id=='mensagens-de-nick'&&jQuery('p.crumbs a.nav[href^="/f'+forumAdd+'-"]').length==0){
return false;
}
else {
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown2-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown2-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown2 fa-dropdown2-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown2-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown2')
                    .toggleClass('fa-dropdown2-open');
                });
          });
         
          return;
         
        }
      }

    });
   
  });
}(jQuery));
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';
  var forumAdd = 14;
  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
    'somenteModVer': true,
      'name': 'Mensagens de Problemas com a Conta',
      'id': 'mensagens-de-problemas',
      'imgUrl': 'http://i.imgur.com/6YPjGrs.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Problema com a Conta Resolvido',
          'text': '[table class=sucesso][tr][td][b]Problema com a Conta Resolvido[/b] \n \n[b]Tópico Marcado como resolvido e movido para "Arquivos - Problemas com a Conta"[/b][/td][/tr][/table]',
          'id': 'msm-problema-resolved',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Problema com a Conta Em Curso',
          'text': '[table class=aviso][tr][td][b]Problema com a Conta Em Curso[/b] \n \n[b]Tópico Marcado como Em Curso. Os administradores irão te ajudar a solucionar o problema, para melhor atendimento tente suporte via TeamSpeak³.[/b][/td][/tr][/table]',
          'id': 'msm-problema-cursed',
          'imgUrl': 'http://i.imgur.com/l7KlLp6.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
  '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown3 {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown3 a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown3 a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown3-open {',
      '    display: block;',
      '  }',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
      if(botoes.id=='mensagens-de-problemas'&&jQuery('p.crumbs a.nav[href^="/f'+forumAdd+'-"]').length==0){
return false;
}
else {
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown3-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown3-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown3 fa-dropdown3-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown3-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown3')
                    .toggleClass('fa-dropdown3-open');
                });
          });
         
          return;
         
        }
      }

    });
   
  });
}(jQuery));
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';
  var forumAdd = 13;
  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
      'somenteModVer': true,
      'name': 'Mensagens de Edição de RG',
      'id': 'mensagens-de-edicao-rg',
      'imgUrl': 'http://i.imgur.com/fbimId0.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Edição de RG Resolvida',
          'text': '[table class=sucesso][tr][td][b]Edição de RG Resolvida[/b] \n \n[b]Tópico Marcado como resolvido e movido para "Arquivos - Edição de RG"[/b][/td][/tr][/table]',
          'id': 'msm-edicao-resolved',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Edição de RG Recusada',
          'text': '[table class=alerta][tr][td][b]Edição de RG Recusada[/b] \n\[b]Motivo:[/b] Motivo Aqui \n\ \n\[b]Tópico Marcado como recusado e movido para "Arquivos - Edição de RG"[/b][/td][/tr][/table]',
          'id': 'msm-edicao-recused',
          'imgUrl': 'http://i.imgur.com/E3r9Hh1.png'
        }, {
          'somenteModVer': true,
          'name': 'Edição de RG Em Curso',
          'text': '[table class=aviso][tr][td][b]Dúvida Em Curso[/b] \n \n[b]Este tópico foi colocado Em Curso, após a dúvida ser retirada ele será marcado como resolvido.[/b] [/td][/tr][/table]',
          'id': 'msm-edicao-em-curso',
          'imgUrl': 'http://i.imgur.com/l7KlLp6.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
      '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown4 {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown4 a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown4 a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown4-open {',
      '    display: block;',
      '  }',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
      if(botoes.id=='mensagens-de-edicao-rg'&&jQuery('p.crumbs a.nav[href^="/f'+forumAdd+'-"]').length==0){
return false;
}
else {
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown4-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown4-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown4 fa-dropdown4-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown4-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown4')
                    .toggleClass('fa-dropdown-open4');
                });
          });
         
          return;
         
        }
    }

    });
   
  });
}(jQuery));
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';
  var forumAdd = 130;
  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
      'somenteModVer': true,
      'name': 'Mensagens de Revisão de Punição',
      'id': 'mensagens-de-revisao',
      'imgUrl': 'http://i.imgur.com/8vqCYWG.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Revisão de Punição Resolvida',
          'text': '[table class=sucesso][tr][td][b]Revisão Resolvida[/b] \n\[b]Motivo:[/b] Motivo Aqui \n\[b]Punição Para o ADM:[/b] Punição aqui (Se tiver) \n \n[b]Tópico Marcado como resolvido e movido para "Arquivos - Revisão De Punição"[/b][/td][/tr][/table]',
          'id': 'msm-revisao-resolved',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Revisão de Punição Recusada',
          'text': '[table class=alerta][tr][td][b]Revisão Recusada[/b] \n\[b]Motivo:[/b] Motivo aqui \n\ \n\[b]Tópico Marcado como recusado e movido para "Arquivos - Revisão De Punição"[/b][/td][/tr][/table]',
          'id': 'msm-revisao-recused',
          'imgUrl': 'http://i.imgur.com/E3r9Hh1.png'
          }, {
          'somenteModVer': true,
          'name': 'Revisão de Punição Em Curso',
          'text': '[table class=aviso][tr][td][b]Revisão Em Curso[/b] \n\[b]Aguardando envolvidos se pronunciarem.[/b][/td][/tr][/table]',
          'id': 'msm-revisao-em-curso',
          'imgUrl': 'http://i.imgur.com/l7KlLp6.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
      '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown5 {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown5 a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown5 a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown5-open {',
      '    display: block;',
      '  }',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
      if(botoes.id=='mensagens-de-revisao'&&jQuery('p.crumbs a.nav[href^="/f'+forumAdd+'-"]').length==0){
return false;
}
else {
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown5-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown5-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown5 fa-dropdown5-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown5-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown5')
                    .toggleClass('fa-dropdown5-open');
                });
          });
         
          return;
         
        }
      }

    });
   
  });
}(jQuery));
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';
  var forumAdd = 9;
  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
      'somenteModVer': true,
      'name': 'Mensagens de Sugestões',
      'id': 'mensagens-de-sugestoes',
      'imgUrl': 'http://i.imgur.com/pl6hukQ.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Sugestão Aceita',
          'text': '[table class=sucesso][tr][td][b]Dica/Sugestão Aceita[/b] \n \n[b]Tópico marcado como resolvido e movido para "Sugestões Aceitas".[/b][/td][/tr][/table]',
          'id': 'msm-sug-resolved',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Sugestão Recusada',
          'text': '[table class=alerta][tr][td][b]Dica/Sugestão Recusada[/b] \n\[b]Motivo:[/b] Motivo Aqui \n \n[b]Tópico Marcado como recusado e movido para "Sugestões Recusadas"[/b][/td][/tr][/table]',
          'id': 'msm-sug-recused',
          'imgUrl': 'http://i.imgur.com/E3r9Hh1.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
      '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown6 {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown6 a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown6 a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown6-open {',
      '    display: block;',
      '  }',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
      if(botoes.id=='mensagens-de-sugestoes'&&jQuery('p.crumbs a.nav[href^="/f'+forumAdd+'-"]').length==0){
return false;
}
else {
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown6-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown6-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown6 fa-dropdown6-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown6-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown6')
                    .toggleClass('fa-dropdown6-open');
                });
          });
         
          return;
         
        }
      }

    });
   
  });
}(jQuery));
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';
  var forumAdd = 22;
  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
      'somenteModVer': true,
      'name': 'Mensagens de Designers',
      'id': 'mensagens-de-designers',
      'imgUrl': 'http://i.imgur.com/6yKyIfY.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Arte Aceita',
          'text': '[table class=sucesso][tr][td][b]Arte Resolvida[/b] \n Tópico mais de 5 dias sem resposta. \n \n[b]Tópico marcado como resolvido e movido para "Arquivos - Designer".[/b][/td][/tr][/table]',
          'id': 'mensagens-de-designers-resolvido',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Arte Recusada',
          'text': '[table class=alerta][tr][td][b]Arte Recusada[/b] \n\[b]Motivo:[/b] Motivo Aqui \n \n[b]Tópico Marcado como recusado e movido para "Arquivos - Designer"[/b][/td][/tr][/table]',
          'id': 'mensagens-de-designer-recusado',
          'imgUrl': 'http://i.imgur.com/E3r9Hh1.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
      '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown7 {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown7 a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown7 a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown7-open {',
      '    display: block;',
      '  }',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
      if(botoes.id=='mensagens-de-designers'&&jQuery('p.crumbs a.nav[href^="/f'+forumAdd+'-"]').length==0){
return false;
}
else {
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown7-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown7-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown7 fa-dropdown7-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown7-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown7')
                    .toggleClass('fa-dropdown7-open');
                });
          });
         
          return;
         
        }
      }

    });
   
  });
}(jQuery));
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';
  var forumAdd = 21;
  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
      'somenteModVer': true,
      'name': 'Mensagens de Pedidos Designers',
      'id': 'mensagens-de-pedidos',
      'imgUrl': 'http://i.imgur.com/pCwWIDG.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Pedido Resolvido',
          'text': '[table class=sucesso][tr][td][b]Pedido Resolvida[/b] \n Pedido foi entregue e o tópico foi fechado. \n \n[b]Tópico marcado como resolvido e movido para "Pedidos - Entregues".[/b][/td][/tr][/table]',
          'id': 'mensagens-de-pedidos-resolvido',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Pedido Recusada',
          'text': '[table class=alerta][tr][td][b]Pedido Recusado[/b] \n\[b]Motivo:[/b] Motivo Aqui \n \n[b]Tópico Marcado como recusado e movido para "Arquivos - Designer"[/b][/td][/tr][/table]',
          'id': 'mensagens-de-pedidos-recusado',
          'imgUrl': 'http://i.imgur.com/E3r9Hh1.png'
          }, {
          'somenteModVer': true,
          'name': 'Pedido Em Curso',
          'text': '[table class=aviso][tr][td][b]Pedido Em Curso[/b] \n\[b]Arte será feita, assim que entregue o tópico será fechado.[/b][/td][/tr][/table]',
          'id': 'mensagens-de-pedidos-em-curso',
          'imgUrl': 'http://i.imgur.com/l7KlLp6.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
      '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown8 {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown8 a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown8 a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown8-open {',
      '    display: block;',
      '  }',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
      if(botoes.id=='mensagens-de-pedidos'&&jQuery('p.crumbs a.nav[href^="/f'+forumAdd+'-"]').length==0){
return false;
}
else {
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown8-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown8-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown8 fa-dropdown8-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown8-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown8')
                    .toggleClass('fa-dropdown8-open');
                });
          });
         
          return;
         
        }
      }

    });
   
  });
}(jQuery));

Só que os ícones ao meu gosto. Poderiam me ajudar a dar início no código?
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1700
Pontos Ativos : 2308

http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Fontawesome nos botões admnistrativos

Mensagem por Luiz em 03.05.17 0:16

O senhor já não disse que tinha conseguido? Qual o problema?
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Fontawesome nos botões admnistrativos

Mensagem por iScroll em 03.05.17 0:21

Luiz~ escreveu:O senhor já não disse que tinha conseguido? Qual o problema?

Os que eu consegui era da pessoa escrever.
Esses são os automaticos, aparece a imagem. Veja: https://i.imgur.com/0epAHvz.png?1

Retirei o "Somentemodver" desta área: http://www.brasilplayultimate.com.br/t2204-2-5-2017-bope-uanderson_siosi-me-matou-sem-m-23408#5916

se puder prestar suporte, agradeço amigo Feliz
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1700
Pontos Ativos : 2308

http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Fontawesome nos botões admnistrativos

Mensagem por Luiz em 03.05.17 0:34

Crie um novo JS com investimento em todas as páginas com o código:
Código:
(function ($) {
  'use strict';

  var SCEDITORFAconfig = [
    {
      'class': '.mensagens-de-denuncias',
      'icon': '\\f013'
    },
  ];

  $(function () {
    $.each(SCEDITORFAconfig, function (index, SCEDITORFAconfig) {
      $('.sceditor-button' + SCEDITORFAconfig.class)
        .attr('style', 'background-image: initial;')
        .append('<div></div>')
      ;

      $('<style>', {
        type: 'text/css',
        text: [
          '',
          '.sceditor-button' + SCEDITORFAconfig.class + ' div::before {',
          '  content: "' + SCEDITORFAconfig.icon + '";',
          '}',
          '',
        ].join('\n'),
      }).appendTo('head')
    });
  });
}(jQuery));

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Fontawesome nos botões admnistrativos

Mensagem por iScroll em 03.05.17 0:44

iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1700
Pontos Ativos : 2308

http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Fontawesome nos botões admnistrativos

Mensagem por Luiz em 03.05.17 0:46

Claro. Os elementos do DOM ainda não foram carregados, Luiz. slap
Troque por:
Código:
(function ($) {
  'use strict';

  var SCEDITORFAconfig = [
    {
      'class': '.mensagens-de-denuncias',
      'icon': '\\f013'
    },
  ];

  $(window).on('load', function () {
    $.each(SCEDITORFAconfig, function (index, SCEDITORFAconfig) {
      $('.sceditor-button' + SCEDITORFAconfig.class)
        .attr('style', 'background-image: initial;')
        .append('<div></div>')
      ;

      $('<style>', {
        type: 'text/css',
        text: [
          '',
          '.sceditor-button' + SCEDITORFAconfig.class + ' div::before {',
          '  content: "' + SCEDITORFAconfig.icon + '";',
          '}',
          '',
        ].join('\n'),
      }).appendTo('head')
    });
  });
}(jQuery));

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Fontawesome nos botões admnistrativos

Mensagem por iScroll em 03.05.17 2:36

Valeu, pode fechar.
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1700
Pontos Ativos : 2308

http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Fontawesome nos botões admnistrativos

Mensagem por Luiz em 03.05.17 10:48

Fontawesome nos botões admnistrativos Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

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