Adicionar botão na caixa de mensagem

Detalhes da questão

Endereço do fórum: http://pre-vestibulando.forumeiros.com
Versão do fórum: phpBB3

Descrição

Saudação, Pessoal do FdF.

Hoje, eu gostaria de adicionar um novo botão na minha caixa de mensagem. Para tanto, quero que alguém me auxilie nessa nova empreitada. Dito isto, vamos à questão:



Como vocês podem ver na imagem acima eu gostaria de adicionar este botão , mas claro, sem essa linha que o separa do botão "pí". Além disso, ao clicar nessa opção deve abri uma nova guia e ser direcionado a esse sítio Daum (mantendo a aba antiga).

• A nomeação dessa opção quando a seta estiver em cima será:"Editor de Equações"

• O ícone do botão já está no texto acima com dimensões 16 x 16.

Em suma é isso... Até mais, galerinha.

Olá,

Adicione esse código JavaScript em seu fórum com investimento "Em todas as páginas".

Código:

jQuery(function(){
      jQuery(function(){
        jQuery('<a class="sceditor-button sceditor-button-equacoes" unselectable="on" title="Editor de Equações"><div unselectable="on" style="background-image:url(https://i62.servimg.com/u/f62/19/80/65/20/functi10.png)">Editor de Equações</div></a>').insertBefore('.sceditor-button-size').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").window.location = 'https://chrome.google.com/webstore/detail/daum-equation-editor/dinfmiceliiomokeofbocegmacmagjhe?hl=en';
        });
 });
      });

E adicione esse código em sua Folha de estilo CSS

Código:

.equacoes {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
background: url('https://image.prntscr.com/image/wPF3Xfa7RgmeRwSW_Iq_TQ.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}

Até.

Quase lá, o botão e a nomeação apareceu... No entanto, quando eu clico no botão não abre nenhuma aba.

Veja como ficou:

Olá novamente,

Remova os dois códigos passados acima, e crie um novo JavaScript investido em todas as páginas com o código:

Código:

(function ($) {
  'use strict';

  $(window).on('load', function () {
    if (!$.sceditor) return;

    $('<a>', {
      'class' : 'sceditor-button sceditor-button-external',
      'html'  : '<div>Link externo</div>',
      'href'  : 'https://chrome.google.com/webstore/detail/daum-equation-editor/dinfmiceliiomokeofbocegmacmagjhe?hl=en',
      'target': '_blank'
    }).appendTo('.sceditor-group:last');

    $('<style>', { 'text': [
      '.sceditor-button-external > div {',
      '  background-image: url(https://i.imgur.com/mqf20OQ.png) !important;',
      '}'
    ].join('\n') }).appendTo('head');
  });
})(jQuery);

o/

Vc é fera, amigo! Funcionou! Pode fechar o tópico.