Adicionar botão na caixa de mensagem

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Adicionar botão na caixa de mensagem

Mensagem por James Watts em 01.02.18 21:18

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. Muito feliz

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:

Adicionar botão na caixa de mensagem Caixa_11

Como vocês podem ver na imagem acima eu gostaria de adicionar este botão Adicionar botão na caixa de mensagem Functi10, 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. Estilo cool


Última edição por James Watts em 01.02.18 22:11, editado 3 vez(es) (Razão : Reformulação)
James Watts

James Watts
Nível 6

Masculino
Inscrito dia : 20/11/2017
Mensagens : 78
Pontos Ativos : 129

Ver perfil do usuário http://pre-vestibulando.forumeiros.com

Atendido / Resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por AquilesD. em 02.02.18 13:33

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é.


Adicionar botão na caixa de mensagem WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5997
Pontos Ativos : 7718

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por James Watts em 02.02.18 19:50

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:

Adicionar botão na caixa de mensagem Exempl14
James Watts

James Watts
Nível 6

Masculino
Inscrito dia : 20/11/2017
Mensagens : 78
Pontos Ativos : 129

Ver perfil do usuário http://pre-vestibulando.forumeiros.com

Atendido / Resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por Luiz em 02.02.18 21:03

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/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por James Watts em 02.02.18 21:23

Vc é fera, amigo! Muito feliz Funcionou! Pode fechar o tópico. Estilo cool
James Watts

James Watts
Nível 6

Masculino
Inscrito dia : 20/11/2017
Mensagens : 78
Pontos Ativos : 129

Ver perfil do usuário http://pre-vestibulando.forumeiros.com

Atendido / Resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por Luiz em 02.02.18 21:39

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum