Adicionar botão na caixa de mensagem
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
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.
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
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:
![mensagem u8381 - Adicionar botão na caixa de mensagem Caixa_11](https://i.servimg.com/u/f62/19/80/65/20/caixa_11.png)
Como vocês podem ver na imagem acima eu gostaria de adicionar este botão
![mensagem u8381 - Adicionar botão na caixa de mensagem Functi10](https://i.servimg.com/u/f62/19/80/65/20/functi10.png)
- 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](/users/2612/28/77/07/smiles/661774.gif)
Última edição por James Watts em 01.02.18 22:11, editado 3 vez(es) (Motivo da edição : Reformulação)
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Adicionar botão na caixa de mensagem
Olá,
Adicione esse código JavaScript em seu fórum com investimento "Em todas as páginas".
E adicione esse código em sua Folha de estilo CSS
Até.
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é.
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Adicionar botão na caixa de mensagem
Olá novamente,
Remova os dois códigos passados acima, e crie um novo JavaScript investido em todas as páginas com o código:
o/
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/
Re: Adicionar botão na caixa de mensagem
Vc é fera, amigo!
Funcionou! Pode fechar o tópico.
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
![Estilo cool](/users/2612/28/77/07/smiles/661774.gif)
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Adicionar botão na caixa de mensagem
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» adicionar caixa de mensagem em página html
» Caixa de mensagem
» Colocar linha que divide a caixa de mensagem da caixa de perfil
» Adicionar uma caixa no canto
» Caixa de mensagem
» Caixa de mensagem
» Colocar linha que divide a caixa de mensagem da caixa de perfil
» Adicionar uma caixa no canto
» Caixa de mensagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos