Adição de mais cores na paleta

Detalhes da questão

Endereço do fórum: https://crnofc.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá, Convidado!

Gostaria de saber se é possível aumentar a paleta de cores do nome dos tópicos, que nem a Extendida nas opções de editor.

Aguardo respostas!

Atenciosamente, -Xerox-

Olá @-Xerox-,

Crie uma nova página JavaScript com investimento em todas as páginas com o seguinte código:

Código:

$(function() {
  if (!document.post || !document.post.topic_color) return;
  var colors = {
    'Crimson' : '#DC143C',
    'Tomato' : '#FF6347',
    'Orange Red' : '#FF4500',
    'Pink' : '#FFC0CB',
    'Magenta' : '#FF00FF',
    'Violet' : '#EE82EE',
    'Sky' : '#87CEEB',
    'Light Sky' : '#87CEFA',
    'Slate Blue' : '#6A5ACD',
    'Steel Blue' : '#4682B4',
    'Teal' : '#008080',
    'Lime' : '#00FF00',
    'Dark Green' : '#006600',
    'Light Green' : '#90EE90',
    'Yellow Green' : '#9ACD32'
  },
  a, b = document.post.topic_color, c = b.childNodes, i = 0, j = c.length, k;
  for (k in colors) {
    a = document.createElement('OPTION');
    a.innerHTML = k;
    a.style.color = colors[k];
    a.value = colors[k];
    b.insertBefore(a, b.firstChild);
  };
  for (; i<j; i++) if (c[i].style.color == document.post.subject.style.color) c[i].selected = 1;
});

A adição de novas cores é fácil basta 'Light Green' : '#90EE90', nome da cor e hex da cor, lembrando que o último ítem não leva uma vírgula!


Atenciosamente,
pedxz.

Olá, Pedxz!

Valeu, cara. Tu é demais mesmo!

Tem mais uma coisa, tem como deixar uma cor somente para algum grupo? Eu gostaria que fosse o grupo: "https://crnofc.forumeiros.com/g2". Agradeceria se pudesse!

Mas o grupo em questão tem efeito, pretende adicionar o efeito como cor?

Olá, Pedxz!

Eu queria que só um grupo de usuários pudesse colocar somente tal cor, que seria: "#4C0082".

Altere para:

Código:

$(function() {
  if (!document.post || !document.post.topic_color) return;
  var colors = {
    'Grupo 1' : '#4C0082'
  },
  a, b = document.post.topic_color, c = b.childNodes, i = 0, j = c.length, k;
  for (k in colors) {
    a = document.createElement('OPTION');
    a.innerHTML = k;
    a.style.color = colors[k];
    a.value = colors[k];
    b.insertBefore(a, b.firstChild);
  };
  for (; i<j; i++) if (c[i].style.color == document.post.subject.style.color) c[i].selected = 1;
});

Olá, Pedxz!

Não entendi ao certo, onde está escrito

Código:

Grupo 1

eu coloco o quê?

É o nome da cor, o senhor é livre de usar o termo que quiser!

Olá, Pedxz!

Valeu, funcinou. Mais uma coisa, eu posso adicionar os dois códigos?

Como assim os dois códigos, o senhor pretende também adicionar as cores em cima (primeiro código)?

Olá, Pedxz!

Sim, isso mesmo. Tem problema?

O código é totalmente editável, não existe necessidade de duplicar, altere para:

Código:

$(function() {
  if (!document.post || !document.post.topic_color) return;
  var colors = {
    'Crimson' : '#DC143C',
    'Tomato' : '#FF6347',
    'Orange Red' : '#FF4500',
    'Pink' : '#FFC0CB',
    'Magenta' : '#FF00FF',
    'Violet' : '#EE82EE',
    'Sky' : '#87CEEB',
    'Light Sky' : '#87CEFA',
    'Slate Blue' : '#6A5ACD',
    'Steel Blue' : '#4682B4',
    'Teal' : '#008080',
    'Lime' : '#00FF00',
    'Dark Green' : '#006600',
    'Light Green' : '#90EE90',
    'Yellow Green' : '#9ACD32',
    'Grupo 1' : '#4C0082'
  },
  a, b = document.post.topic_color, c = b.childNodes, i = 0, j = c.length, k;
  for (k in colors) {
    a = document.createElement('OPTION');
    a.innerHTML = k;
    a.style.color = colors[k];
    a.value = colors[k];
    b.insertBefore(a, b.firstChild);
  };
  for (; i<j; i++) if (c[i].style.color == document.post.subject.style.color) c[i].selected = 1;
});

Olá, Pedxz!

Pode fechar, valeu pela ajuda!