[TUTORIAL] Adicionando novas cores manuais com jQuery

Muitos usuários acham que o sistema avançado de cores é complexo e que também causa lentidão no fórum fornecendo uma má qualidade de visualização nos tópicos. Por este motivo, apresentamos um script que adiciona novas cores manualmente na listagem de cores do fórum.

--> Tutoriais <--
Adicionando novas cores manuais com jQuery

1º - Javascript dos fóruns:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções: No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Sobre os temas : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Na opção do Investimento, marque a opção "Em todas as páginas" e cole o código abaixo:

Código:

// Shiftactif original post topic shiftactif.forumactif.com/641-support
        jQuery(document).ready(function(){
        function addColor(label,color) {
            jQuery('#text_editor_select_controls #color').append('<button style="color:'+color+'" onclick="bbfontstyle(\'[color='+color+']\',\'[/color]\');selectWysiwyg(this,\'color\');return false">'+label+'</button><br />');
        }
        addColor('NOME_DA_COR','#COR');
    });

NOME_DA_COR: Adicione o nome da nova cor que será adicionada.
#COR:[/color] Coloque o código da cor. Ou seja, #86B125 .

Caso queira adicionar mais cores, basta repetir o termo:

Código:

addColor('NOME_DA_COR','#COR');

Basta confirmar e verificar o resultado do mesmo.

• Resultado:
  
  

---

© ShiftActif

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Adicionando novas cores manuais com jQuery