Personalização de caixa de cores - por que não funciona?

Qual é minha questão:
Saudações! Eu li vários tópicos sobre como personalizar a Paleta de Cores e tentei todas as sugestões, das mais variadas formas e combinações, e nenhuma funcionou!  

Queria que a Caixa de Cores das mensagens fosse como pedido aqui: https://ajuda.forumeiros.com/t45644-colocar-barra-de-cores-avancada

Além desse tópico, eu li vários outros como esse e esse, mas nada funcionou no meu Fórum. Esses códigos não são mais válidos? Houve alguma alteração no sistema? Por que não funciona? Agradeço a atenção.

*Já tentei todos os códigos CSS que eu encontrei, combinando com uns três códigos de Javascript que eu vi. O gerenciamento dos mesmos está habilitado.

Endereço do meu fórum:
http://sangha-online.forumeiros.com:80

Versão do fórum:
PHPBB2

Ola Amigo

Posicione esse codigo na parte de cima de sua Folha de Estilo CSS:

Código:

.colorpicker {
                width: 356px;
                height: 176px;
                overflow: hidden;
                position: absolute;
                background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                font-family: Arial, Helvetica, sans-serif;
                display: none;
              }
              .colorpicker_color {
                width: 150px;
                height: 150px;
                left: 14px;
                top: 13px;
                position: absolute;
                background: #f00;
                overflow: hidden;
                cursor: crosshair;
              }
              .colorpicker_color div {
                position: absolute;
                top: 0;
                left: 0;
                width: 150px;
                height: 150px;
                background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
              }
              .colorpicker_color div div {
                position: absolute;
                top: 0;
                left: 0;
                width: 11px;
                height: 11px;
                overflow: hidden;
                background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                margin: -5px 0 0 -5px;
              }
              .colorpicker_hue {
                position: absolute;
                top: 13px;
                left: 171px;
                width: 35px;
                height: 150px;
                cursor: n-resize;
              }
              .colorpicker_hue div {
                position: absolute;
                width: 35px;
                height: 9px;
                overflow: hidden;
                background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                margin: -4px 0 0 0;
                left: 0px;
              }
              .colorpicker_new_color {
                position: absolute;
                width: 60px;
                height: 30px;
                left: 213px;
                top: 13px;
                background: #f00;
              }
              .colorpicker_current_color {
                position: absolute;
                width: 60px;
                height: 30px;
                left: 283px;
                top: 13px;
                background: #f00;
              }
              .colorpicker input {
                background-color: transparent;
                border: 1px solid transparent;
                position: absolute;
                font-size: 10px;
                font-family: Arial, Helvetica, sans-serif;
                color: #898989;
                top: 4px;
                right: 11px;
                text-align: right;
                margin: 0;
                padding: 0;
                height: 11px;
              }
              .colorpicker_hex {
                position: absolute;
                width: 72px;
                height: 22px;
                background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                left: 212px;
                top: 142px;
              }
              .colorpicker_hex input {
                right: 6px;
              }
              .colorpicker_field {
                height: 22px;
                width: 62px;
                background-position: top;
                position: absolute;
              }
              .colorpicker_field span {
                position: absolute;
                width: 12px;
                height: 22px;
                overflow: hidden;
                top: 0;
                right: 0;
                cursor: n-resize;
              }
              .colorpicker_rgb_r {
                background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                top: 52px;
                left: 212px;
              }
              .colorpicker_rgb_g {
                background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                top: 82px;
                left: 212px;
              }
              .colorpicker_rgb_b {
                background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                top: 112px;
                left: 212px;
              }
              .colorpicker_hsb_h {
                background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                top: 52px;
                left: 282px;
              }
              .colorpicker_hsb_s {
                background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                top: 82px;
                left: 282px;
              }
              .colorpicker_hsb_b {
                background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                top: 112px;
                left: 282px;
              }
              .colorpicker_submit {
                position: absolute;
                width: 22px;
                height: 22px;
                background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                left: 322px;
                top: 142px;
                overflow: hidden;
              }
              .colorpicker_focus {
                background-position: center;
              }
              .colorpicker_hex.colorpicker_focus {
                background-position: bottom;
              }
              .colorpicker_submit.colorpicker_focus {
                background-position: bottom;
              }
              .colorpicker_slider {
                background-position: bottom;
              }

Olá Nikee, obrigado pela disposição mas não deu certo. Eu já tinha tentado esse código e não funcionou novamente.

Já tentei de três maneiras diferentes, com vários Javascript, mas não muda nada!




Ninguém sabe o que fazer? x_x

Olá!

Devido a mudança da caixa de resposta rápida, os tutoriais ficaram desatualizados.
Não vou lhe fornecer uma previsão pois não tem nenhuma no momento.
Eles serão atualizados de acordo com o tempo disponível.
Mais alguma coisa ou podemos encerrar este tópico?

Até mais.

Então esses códigos não são mais válidos? Se for isso, pode fechar. Ficarei no aguardo.
Grato!

Olá!

Por hora, infelizmente sim.
Estarei fechando este tópico.

Até mais.