Descrição da Questão:
Eu gostaria de adicionar este código:

Código:

jQuery(document).ready(function() {
jQuery('#text_editor_select_controls #other button:eq(0)').after('<br><button onclick="info();return false" style="color:#4d8fcb"><img src="http://i10.servimg.com/u/f10/17/41/76/40/inform10.png" alt="" width="16" height="16" class="acende" /> INFORMAÇÃO</button>');
jQuery('#text_editor_select_controls #other button:eq(1)').after('<br><button onclick="success();return false" style="color:#9ac601"><img src="http://i10.servimg.com/u/f10/17/41/76/40/accept10.png" alt="" width="16" height="16" class="acende" /> SUCESSO</button>');
jQuery('#text_editor_select_controls #other button:eq(2)').after('<br><button onclick="warning();return false" style="color:#f9b516"><img src="http://i10.servimg.com/u/f10/17/41/76/40/error10.png" alt="" width="16" height="16" class="acende" /> ATENÇÃO</button>');
jQuery('#text_editor_select_controls #other button:eq(3)').after('<br><button onclick="error();return false" style="color:#db3f23"><img src="http://i10.servimg.com/u/f10/17/41/76/40/critic10.png" alt="" width="16" height="16" class="acende" /> ERRO</button>');
jQuery('#text_editor_select_controls #other button:eq(4)').after('<br><button onclick="mes();return false" style="color:#AAAAAA"><img src="http://i10.servimg.com/u/f10/17/41/76/40/mail10.png" alt="" width="16" height="16" class="acende" /> MENSAGEM</button>');
jQuery('#text_editor_select_controls #other button:eq(5)').after('<br><button onclick="tips();return false" style="color:#D38E49"><img src="http://i10.servimg.com/u/f10/17/41/76/40/light10.png" alt="" width="16" height="16" class="acende" /> IDÉIA</button>');
});
function info(){
bbfontstyle('<div class="info">','</div>');selectWysiwyg(this,'other');return false}
function success(){
bbfontstyle('<div class="success">','</div>');selectWysiwyg(this,'other');return false}
function warning(){
bbfontstyle('<div class="warning">','</div>');selectWysiwyg(this,'other');return false}
function error(){
bbfontstyle('<div class="error">','</div>');selectWysiwyg(this,'other');return false}
function mes(){
bbfontstyle('<div class="mes">','</div>');selectWysiwyg(this,'other');return false}
function tips(){
bbfontstyle('<div class="tips">','</div>');selectWysiwyg(this,'other');return false}

Mas dentro da nova caixa, e que funcionasse na nova caixa, claro. Além do mais, que apareça apenas para MODERADORES e ADMINISTRADORES.

Lembrete: Não sei o motivo, a nova caixa só aparece no Mozila do meu fórum.

Endereço e Versão do Site/Fórum:
http://habbojoy.forumeiros.com - PunBB

Imagem Sugestiva:

Não é necessário Clique no ícone para visualizar a imagem.

Amigo estes botões não mais irão funcionar, creio eu pois a barra é totalmente diferente da antiga, presumo que teremos de desenvolver um novo código especialmente em sua barra, não sei quanto tempo demorará este processo, mas creio  que nossos programadores irão fazer o maximo para lhe ajudar.
Quanto a barra não aparecer em outros navegadores, como não aparece aqui no chrome creio que o erro esteja em sua CSS, mas iremos averiguar este ocorrido também!

Aguarde!

O erro é no Template . E aqui no Staffer tem esta função. Agradeço pela ajuda e aguardo. =)

O primeiro código é bem complicado, ele funciona perfeitamente se for instalado corretamente.
O sr. deve ter encontrado este código no fórum Best Skins, aconselho que peça suporte lá.

Em questão a caixa não funcionar do google Chrome, existem muitas variações, pode ser template, pode ser que a sua versão do Chrome não esteja atualizada corretamente.
Mas de qualquer forma o aconselhavel é instalar uma versão mais atual do Chrome e reiniciar o template responsável pela caixa de respostas.

Infelizmente eu não tenho nada que possa lhe oferecer, pois não entendo de templates e não gosto deste código. ( é muito complicado )