Olá,

Estou a usar este .jS:

Código:

$(function(){$(function(){
  if ($("#text_editor_textarea").length < 1) return; 
  $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
    var mColorBasic = [],
    html = $('<div />');
                
    // begin list of colors
              
    mColorBasic["Black"] = "#000000";
    mColorBasic["Dark Blue"] = "#00008B";
    mColorBasic["Teal"] = "#008080";
    mColorBasic["Dark Green"] = "#006400";
    mColorBasic["Indigo"] = "#4B0082";
    mColorBasic["Crimson"] = "#DC143C";
    mColorBasic["Orange"] = "#FF4500";
    mColorBasic["Brown"] = "#663300";
         
    mColorBasic["Dark Gray"] = "#666666";
    mColorBasic["Royal Blue"] = "#4169E1";
    mColorBasic["Dark Turquoise"] = "#00CED1";
    mColorBasic["Green"] = "#008000";
    mColorBasic["Purple"] = "#9400D3";
    mColorBasic["Red"] = "#FF0000";
    mColorBasic["Light Orange"] = "#FF9933";
    mColorBasic["Sienna"] = "#A0522D";
         
    mColorBasic["Light Gray"] = "#D3D3D3";
    mColorBasic["Sky Blue"] = "#87CEEB";
    mColorBasic["Cyan"] = "#00FFFF";
    mColorBasic["Green Apple"] = "#32CD32";
    mColorBasic["Mauve"] = "#DA70D6";
    mColorBasic["Salmon"] = "#FA8072";
    mColorBasic["Gold"] = "#FFD700";
    mColorBasic["Light Brown"] = "#CD853F";
         
    mColorBasic["White"] = "#FFFFFF";
    mColorBasic["Pale Turquoise"] = "#AFEEEE";
    mColorBasic["Blue Green"] = "#7FFFD4";
    mColorBasic["Pale Green"] = "#98FB98";
    mColorBasic["Pink"] = "#FFC0CB";
    mColorBasic["Peach"] = "#FFDAB9";
    mColorBasic["Yellow"] = "#FFFF00";
    mColorBasic["Wood"] = "#DEB887";

    mColorBasic["Laranja Administrador"] = "#FF6600";
    mColorBasic["Verde Moderador"] = "#72A300";
    mColorBasic["Azul Publicitário"] = "#3396FF";
    mColorBasic["Laranja Programador"] = "#FFAA00";
    mColorBasic["Roxo Designer"] = "#AA37B0";
    mColorBasic["Azul Membros"] = "#516882";
          
    // end list of colors
              
    for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
              
    html.find('span').click(function(e) {
      callback($(this).attr('color'));
      editor.closeDropDown(true);
      e.preventDefault();
    });
              
    editor.createDropDown(caller, "color-picker", html);
  }
})});

E na .CSS:

Código:

.color-option {
display: inline-block !important;
width: 15px !important;  
height: 15px !important;  
border: 2px solid #fff !important;  
margin: 3px !important;   
box-shadow: 0 0 2px #778899;   
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  
height: 15px !important;  
}
.color-option, .color-option span {
border-radius: 2px;  
}
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  
height: 125px !important;  
padding: 5px !important;
border-radius: 5px !important;
}

Ele realizar este efeito:



Só que só está a resultar na caixa de Resposta Rápida, nas outras caixas como Novo Tópico e Responder não resulta esse efeito, será possível colocar a funcionar?

Você colocou o código javascript para funcionar em todas as páginas?

Edit: Coloquei este código em meu fórum e funcionou, acho que seu problema realmente deve ser porque não colocou pra funcionar em todas as páginas.

Olá,

Resolvido amigo, tinha apenas colocado nos Tópicos!