Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Como adicionar novos botões BBCode na nova barra de ferramentas

3 participantes

Início :: Forumeiros :: NostalgiaComo adicionar novos botões BBCode na nova barra de ferramentas

D'Leandro™ D'Leandro™  • Sex 5 Jul 2013 - 15:14

Como adicionar novos botões BBCode na nova barra de ferramentas Empty Como adicionar novos botões BBCode na nova barra de ferramentas Sex 5 Jul 2013 - 15:14

Qual é minha questão:
Olá!

O título já fala tudo, eu gostaria de saber como adiciono novos botões.
Na barra de ferramentas antiga tinha como colocar mais botões, e na nova?
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Obrigado!

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
Phpbb3

Daemon Daemon  • Sex 5 Jul 2013 - 15:23

Como adicionar novos botões BBCode na nova barra de ferramentas Empty Re: Como adicionar novos botões BBCode na nova barra de ferramentas Sex 5 Jul 2013 - 15:23

Pra adicionar novos botões, crie um novo JS com investimento em todas as páginas e adicione:
Código:
$(function(){
  $(function(){
    $('<a class="sceditor-button" unselectable="on" title="Título"><div unselectable="on" style="background-image:url(LINK_DA_IMAGEM)">Texto</div></a>').insertBefore('.sceditor-button-size').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[123]","[/123]");
     });
  });
});
Até mais!

D'Leandro™ D'Leandro™  • Sex 5 Jul 2013 - 15:35

Como adicionar novos botões BBCode na nova barra de ferramentas Empty Re: Como adicionar novos botões BBCode na nova barra de ferramentas Sex 5 Jul 2013 - 15:35

Olá!
Não apareceu nenhum botão!
Obs: Em meu fórum não está habilitada a caixa de respostas rápidas!

Edit: Agora o botão apareceu, mas não tem nenhuma função!
Ele fica no tópico: [123]Douglas[/123]
Prescisa de outro código para adicionar uma função?

Daemon Daemon  • Sex 5 Jul 2013 - 16:10

Como adicionar novos botões BBCode na nova barra de ferramentas Empty Re: Como adicionar novos botões BBCode na nova barra de ferramentas Sex 5 Jul 2013 - 16:10

Você me pediu somente o código para adicionar botões a nova caixa de respostas.
Percebi que você tinha vários bbcodes na antiga caixa e pensei que irias utilizar esse código pra repor os antigos bbcodes.
Você também deseja bbcodes de alertas?
Até mais!

D'Leandro™ D'Leandro™  • Sex 5 Jul 2013 - 16:22

Daemon Daemon  • Sex 5 Jul 2013 - 16:27

Como adicionar novos botões BBCode na nova barra de ferramentas Empty Re: Como adicionar novos botões BBCode na nova barra de ferramentas Sex 5 Jul 2013 - 16:27

Creio que aceite HTML perfeitamente.
Como assim colocar em "tags"? Poderia ser mais específico?
Até!

Stark' Stark'  • Sex 5 Jul 2013 - 16:29

D'Leandro™ D'Leandro™  • Sex 5 Jul 2013 - 16:32

Como adicionar novos botões BBCode na nova barra de ferramentas Empty Re: Como adicionar novos botões BBCode na nova barra de ferramentas Sex 5 Jul 2013 - 16:32

Bem... Digamos que eu coloque [download]','[/download]
Como eu faço para que estas tags se transformem em um alerta!
Como dou um design a elas, para parecerem um botão...
Entende?

Daemon Daemon  • Sex 5 Jul 2013 - 16:36

Como adicionar novos botões BBCode na nova barra de ferramentas Empty Re: Como adicionar novos botões BBCode na nova barra de ferramentas Sex 5 Jul 2013 - 16:36

Podes adicionar "table class", esses daqui fiz a alguns dias. Veja!
Código:
$(function(){
  $(function(){
    $('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
     });
     $('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
     });
     $('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
     });
     $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
     });
     });
  });
Depois adicione ao css:
Código:
.sucesso, .alerta, .aviso, .infos {
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;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}

D'Leandro™ D'Leandro™  • Sex 5 Jul 2013 - 16:47

Conteúdo patrocinado  • 

Como adicionar novos botões BBCode na nova barra de ferramentas Empty Re: Como adicionar novos botões BBCode na nova barra de ferramentas

Início :: Forumeiros :: Nostalgia:: Como adicionar novos botões BBCode na nova barra de ferramentas
Permissões neste sub-fórum
Não podes responder a tópicos