Adicionar botão na caixa de mensagem

3 participantes

Ir para baixo

Tópico resolvido Adicionar botão na caixa de mensagem

Mensagem por James Watts 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) (Motivo da edição : Reformulação)
James Watts
James Watts
**

Membro desde : 20/11/2017
Mensagens : 78
Pontos : 129

http://pre-vestibulando.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por Roevs 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é.
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por James Watts 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
**

Membro desde : 20/11/2017
Mensagens : 78
Pontos : 129

http://pre-vestibulando.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por Luiz 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
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por James Watts 02.02.18 21:23

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

Membro desde : 20/11/2017
Mensagens : 78
Pontos : 129

http://pre-vestibulando.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar botão na caixa de mensagem

Mensagem por Luiz 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
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos