Como colocar botão bbcode de "caminho"

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

Resolvido Como colocar botão bbcode de "caminho"

Mensagem por Higor_Forever em 28/10/14, 01:28 pm

  • 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ódigoTags:colocar,botão,bbcode,caminho

avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Duel em 29/10/14, 01:40 pm

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);};

});
Seta Nos tópicos e/ou Em todas as páginas.

Veja as prints:
Spoiler:

Seria isto? Até breve!

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Higor_Forever em 29/10/14, 01:53 pm

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

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Duel em 29/10/14, 02:02 pm

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 ?

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Higor_Forever em 29/10/14, 03:57 pm

Nunca vi. Porisso vim pedir ajuda.
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Daemon em 29/10/14, 04:18 pm

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://illiweb.com/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 Seta quote.

Para as setas, o senhor poderá criar um bbcode como aqui no FDF.
Veja:
:seta2:
Código:
:seta2:
Rosa
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Higor_Forever em 29/10/14, 04:35 pm

Senhor, essa :seta2: não apareceu. Apareceu escrito.
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Daemon em 29/10/14, 04:41 pm

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: http://ajuda.forumeiros.com/t12427-faq-como-criar-e-gerir-os-smileys


Até mais!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Higor_Forever em 29/10/14, 07:45 pm

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

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com
  • 0

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Daemon em 29/10/14, 07:54 pm

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://illiweb.com/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é! Rosa
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Higor_Forever em 29/10/14, 08:33 pm

Obrigado Daemon.  deu certinho <3 kk.
avatar

Higor_Forever
Usuário avançado

Masculino
Inscrito dia : 17/07/2013
Mensagens : 371
Pontos Ativos : 570

Ver perfil do usuário http://highdesign-forum.forumeiros.com

Resolvido Re: Como colocar botão bbcode de "caminho"

Mensagem por Shek em 30/10/14, 03:59 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17156
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

- Tópicos similares

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