Descrição da Questão:
Vem eu utilizo estes códigos, só a Staff é que tem tal permissão para tal utilização:

CSS:

Código:

.info, .success, .warning, .error, .mes, .tips {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info{
background-color:#d1e4f3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/inform10.png");
color:#00529B;
border:1px solid #4d8fcb;
}
.success{
background-color:#effeb9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/accept10.png");
color:#4F8A10;
border:1px solid #9ac601;
}
.warning{
background-color:#ffeaa9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/error10.png");
color:#9F6000;
border:1px solid #f9b516;
}
.error{
background-color:#fccac3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/critic10.png");
color:#D8000C;
border:1px solid #db3f23;
}

JS:

Código:

$(document).ready(function() {
  if($('a[href^="/modcp?f="]:contains("moderar este fórum")').length) {
      $('#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>');
      $('#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" /> Aceito</button>');
      $('#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" /> Aviso</button>');
      $('#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" /> Recusado</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}

Esta opção aparece no Botão de "Outros":




Eu desejava que se for possível, criar outro botão de BBCode, só para esta função, e claro só para a Staff utilizar !

Endereço e Versão do Site/Fórum:
www.master-publicitario.forumeiros.com ( )

Imagem Sugestiva:
Nenhuma

Olá,

Substitua o JS por este:

Código:

$(document).ready(function() {
  if($('a[href^="/modcp?f="]:contains("moderar este fórum")').length) {
      $('#text_editor_select_controls #other.select').after('<div style="visibility: hidden; width: auto; left: 852px; top: 9360px;" class="select" id="alert"><button onclick="info();return false" style="color:#4d8fcb;width: 100%;border: none !important;"><img src="http://i10.servimg.com/u/f10/17/41/76/40/inform10.png" alt="" width="16" height="16" class="acende"> Informação</button><br><button onclick="success();return false" style="color:#9ac601;width: 100%;border: none !important;"><img src="http://i10.servimg.com/u/f10/17/41/76/40/accept10.png" alt="" width="16" height="16" class="acende"> Aceito</button><br><button onclick="warning();return false" style="color:#f9b516;width: 100%;border: none !important;"><img src="http://i10.servimg.com/u/f10/17/41/76/40/error10.png" alt="" width="16" height="16" class="acende"> Aviso</button><br><button onclick="error();return false" style="color:#db3f23;width: 100%;  border: none !important;"><img src="http://i10.servimg.com/u/f10/17/41/76/40/critic10.png" alt="" width="16" height="16" class="acende"> Recusado</button><br></div>');
      $('p.left-box #text_edit input[value="Outros"]').after(' <img src="http://2img.net/i/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt="|" title="|"> <input class="button2" onclick="selectWysiwyg(this, \'alert\');" type="button" value="Alertas" style="height: 22px;">');
  }
});
function info(){
bbfontstyle('<div class="info">','</div>');selectWysiwyg(this,'alert');return false}
function success(){
bbfontstyle('<div class="success">','</div>');selectWysiwyg(this,'alert');return false}
function warning(){
bbfontstyle('<div class="warning">','</div>');selectWysiwyg(this,'alert');return false}
function error(){
bbfontstyle('<div class="error">','</div>');selectWysiwyg(this,'alert');return false}
function mes(){
bbfontstyle('<div class="mes">','</div>');selectWysiwyg(this,'alert');return false}
function tips(){
bbfontstyle('<div class="tips">','</div>');selectWysiwyg(this,'alert');return false}

Resulta ?

Até mais.

Resolvido.