Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Banneer de area nova animais silvestres
Hoje à(s) 12:26 am por EDU2010

» Como adicionar um fundo a barra de menus?
Ontem à(s) 11:59 pm por SetRaiden

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 11:12 pm por Lost154

» Ajustar widget de últimos assuntos
Ontem à(s) 09:53 pm por iScroll

» criação de avatar para meu fórum
Ontem à(s) 09:04 pm por soldado

» Apagar a Lixeira, sem afetar os Pontos
Ontem à(s) 09:00 pm por Luiz

» Mensagens de Aviso Bugadas
Ontem à(s) 08:59 pm por Luiz

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
220 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 215 Visitantes :: 2 Motores de busca

[SRD]JimClark, Alcohol, EDU2010, Lost154, SetRaiden

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como mudar estilo de cores do editor

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

Resolvido Como mudar estilo de cores do editor

Mensagem por Necr0 em 01/07/17, 10:32 am

Detalhes da questão


Endereço do fórum: http://losshaykers.forumeiros.com
Versão do fórum: ModernBB

Descrição


Como faço pra trocar o modo de escolher a cor do texto, atualmente está assim:


Queria deixar mais ou menos assim, tem algum jeito?


Achei a imagem na net, mas é mais ou menos isso ai..


Última edição por Necr0 em 01/07/17, 11:37 am, editado 1 vez(es)
avatar

Necr0
Nível 2

Masculino
Inscrito dia : 27/06/2017
Mensagens : 9
Pontos Ativos : 17

Ver perfil do usuário http://losshaykers.forumeiros.com/

Resolvido Re: Como mudar estilo de cores do editor

Mensagem por Luiz em 01/07/17, 11:24 am

Olá,

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

  var color;

  $(window).on('load', function () {

    var $textarea = $('#text_editor_textarea');

    if ($textarea.length === 0) {
      return;
    }

    var $sceditor = $textarea.sceditor('instance');
   
    $('<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.css" />').appendTo('head');
   
    $.get('http://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.js')
      .done(function () {
        $('.sceditor-button-color').hide();
        $('<a>', {
          style: 'opacity: 1 !important; filter: none !important; cursor: pointer !important;',
          'class': 'sceditor-button fa-sceditor-button-color',
          'data-sceditor-command': 'newcolor',
          unselectable: 'on',
          title: 'Cor',
          html: '<div unselectable="on" style="opacity: 1 !important; filter: none !important; background-position: 0 -528px;">Cor</div>'
        })
          .spectrum({
            showPalette: true,
            palette: [
              ['#660000', '#FF0000', '#FF9933'],
              ['#663300', '#FFFF00', '#006600'],
              ['#666633', '#00FFFF', '#0000FF'],
              ['#000099', '#6600FF', '#990099'],
              ['#999999', '#EEEEEE', '#000000']
            ],

            allowEmpty: false,
            chooseText: "Inserir",
            cancelText: "Fechar",

            preferredFormat: "hex",
            showInput: false,
           
            hide: function (choosen) {
              var color = choosen.toHexString();
              console.log(color);

              $sceditor.insert('[color=' + color + ']', '[/color]'); 
            }
          })
            .insertAfter('.sceditor-button-color')
        ;
      })
      .fail(function () {
        console.log('Erro ao tentar criar o colorpicker.');
      })
    ;
  });
}(jQuery));

Salve e tudo feito. Piscada

o/

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.


Bem-vindo 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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4106
Pontos Ativos : 4725

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Como mudar estilo de cores do editor

Mensagem por Necr0 em 01/07/17, 11:30 am

Luiz escreveu:Olá,

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

  var color;

  $(window).on('load', function () {

    var $textarea = $('#text_editor_textarea');

    if ($textarea.length === 0) {
      return;
    }

    var $sceditor = $textarea.sceditor('instance');
   
    $('<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.css" />').appendTo('head');
   
    $.get('http://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.js')
      .done(function () {
        $('.sceditor-button-color').hide();
        $('<a>', {
          style: 'opacity: 1 !important; filter: none !important; cursor: pointer !important;',
          'class': 'sceditor-button fa-sceditor-button-color',
          'data-sceditor-command': 'newcolor',
          unselectable: 'on',
          title: 'Cor',
          html: '<div unselectable="on" style="opacity: 1 !important; filter: none !important; background-position: 0 -528px;">Cor</div>'
        })
          .spectrum({
            showPalette: true,
            palette: [
              ['#660000', '#FF0000', '#FF9933'],
              ['#663300', '#FFFF00', '#006600'],
              ['#666633', '#00FFFF', '#0000FF'],
              ['#000099', '#6600FF', '#990099'],
              ['#999999', '#EEEEEE', '#000000']
            ],

            allowEmpty: false,
            chooseText: "Inserir",
            cancelText: "Fechar",

            preferredFormat: "hex",
            showInput: false,
           
            hide: function (choosen) {
              var color = choosen.toHexString();
              console.log(color);

              $sceditor.insert('[color=' + color + ']', '[/color]'); 
            }
          })
            .insertAfter('.sceditor-button-color')
        ;
      })
      .fail(function () {
        console.log('Erro ao tentar criar o colorpicker.');
      })
    ;
  });
}(jQuery));

Salve e tudo feito. Piscada

o/

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.

Fiz isso porém não vi nada diferente, está a mesma coisa, até limpei os cookies etc mas nada..
avatar

Necr0
Nível 2

Masculino
Inscrito dia : 27/06/2017
Mensagens : 9
Pontos Ativos : 17

Ver perfil do usuário http://losshaykers.forumeiros.com/

Resolvido Re: Como mudar estilo de cores do editor

Mensagem por Necr0 em 01/07/17, 11:36 am

Desculpe, foi erro meu, está funcionando sim! Obrigado.
avatar

Necr0
Nível 2

Masculino
Inscrito dia : 27/06/2017
Mensagens : 9
Pontos Ativos : 17

Ver perfil do usuário http://losshaykers.forumeiros.com/

Resolvido Re: Como mudar estilo de cores do editor

Mensagem por Luiz em 01/07/17, 11:38 am

@Necr0, por favor, não poste mensagens consecutivas antes das 24 horas.


Atenção!

Você não pode fazer UP's antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros!
Regras do FdF | Regras do Setor de Suporte

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo 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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4106
Pontos Ativos : 4725

Ver perfil do usuário https://github.com/lffg/

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

- Tópicos similares

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