Como colocar botão bbcode de "caminho"

[Higor_Forever]

• Descrição:

Olá pessoal.


Queria saber, como colocar, um botão na barra de ferramentas de bbcode, para que quando clicasse aparecesse da seguinte maneira: 


É possivel fazer isso? 

---

• Informações:

Fórum:	http://highdesign-forum.forumeiros.com/	Versão:	PHPBB2
Tipo:	Pedido de código	Tags:	colocar,botão,bbcode,caminho

---

[Duel]

Boa tarde!

Então, fiquei em dúvida em uma coisa no seu tópico..
Quer que apareça a imagem, ou um BBcode com os mesmos dizeres?
Fiz o da imagem, ficou assim:

Código:

jQuery(document).ready(function(){
$('a[title="Transferir o modo de edição"]').after("<span style='margin-left: 4px;top: 15px;font-size: 16px;position: relative !important;' onclick='duclick();'>C</span");
function duclick() {
var x = $('#textarea_content div textarea').val();
var y = "[img]http://i.imgur.com/YwV6Hvv.png[/img]"
 $('#textarea_content div textarea').val(x + y);};

});

Nos tópicos e/ou Em todas as páginas.

Veja as prints:

Spoiler:

Seria isto? Até breve!

[Higor_Forever]

Não é imagem. É para escrever. 

Não sei como funciona ao certo aqui no FdF. Só sei que ja vi em varios tópicos.

Exemplo:

"Aceda:

Painel de Controle ---> Geral ---> Pagina Inicial...


Igual o da imagem de exemplo que eu mandei.

[Duel]

Então, isso na verdade e o que os antigos Ajudeiros usavam. Não achei nenhum tópico com isto. Será que poderia me fornecer um ?

[Higor_Forever]

Nunca vi. Porisso vim pedir ajuda.

[Daemon]

Crie um novo JS com investimento em todas as páginas, utilizando o seguinte código:

Código:

$(document).on('ready', function() {
$('head').append(
'<style type="text/css">' +
'.box_organize {' +
'border: 1px solid #00a5cd;' +
'font-size: 1.8em;' +
'margin: 0px 0px 5px 15px;' +
'color: #00a5cd;' +
'padding: 18px 5px 5px 30px;' +
'background: white url(http://2img.net/i/fa/admin/puce.png) no-repeat;' +
'height: 40px;' +
'}' +
'</style>'
);
$('<a class="sceditor-button sceditor-button-box" unselectable="on" title="Box"><div unselectable="on" style="background-image:url(https://cdn2.iconfinder.com/data/icons/snipicons/5000/circle-arrow-right-16.png)">Box</div></a>').insertBefore('.sceditor-button-quote').click(function(){
        $('#text_editor_textarea').sceditor('instance').insertText('[table class="box_organize"][tr][td]','[/td][/tr][/table]');
});
});

O botão estará ao lado do quote.

Para as setas, o senhor poderá criar um bbcode como aqui no FDF.
Veja:

Código:

:seta2:

[Higor_Forever]

Senhor, essa  não apareceu. Apareceu escrito.

[Daemon]

Como eu te disse amigo. Para isto, peço que o senhor crie um novo BBCode com uma imagem de seta, e o senhor deverá adicioná-la manualmente.
Veja esta FAQ: https://ajuda.forumeiros.com/t12427-faq-como-criar-e-gerir-os-smileys


Até mais!

[Higor_Forever]

tem como ser só para os administradores e moderadores colocar essa função?

[Daemon]

Troque por este:

Código:

$(document).on('ready', function() {
if(_userdata["user_level"] === 1 || _userdata["user_level"] === 2) {
$('head').append(
'<style type="text/css">' +
'.box_organize {' +
'border: 1px solid #00a5cd;' +
'font-size: 1.8em;' +
'margin: 0px 0px 5px 15px;' +
'color: #00a5cd;' +
'padding: 18px 5px 5px 30px;' +
'background: white url(http://2img.net/i/fa/admin/puce.png) no-repeat;' +
'height: 40px;' +
'}' +
'</style>'
);
$('<a class="sceditor-button sceditor-button-box" unselectable="on" title="Box"><div unselectable="on" style="background-image:url(https://cdn2.iconfinder.com/data/icons/snipicons/5000/circle-arrow-right-16.png)">Box</div></a>').insertBefore('.sceditor-button-quote').click(function(){
        $('#text_editor_textarea').sceditor('instance').insertText('[table class="box_organize"][tr][td]','[/td][/tr][/table]');
});
}
});

Até!

[Higor_Forever]

Obrigado Daemon.  deu certinho <3 kk.

[Shek]

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