Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
136 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 136 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Adicionar bbcode no sceditor

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

Resolvido Adicionar bbcode no sceditor

Mensagem por Try em Seg 30 Maio 2016 - 18:22

Detalhes da questão


Endereço do fórum: kings1.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá a todos minha questão e bem simples antes tinha um tutorial que possuía um código Css que ficava próximo ao menu do ''quote'' que era uma forma de facilita o sistema de tags no fórum,Eu queria saber ser esse tutorial ainda existe porque quero facilitar muito o meu acesso a essa opção



ex


Código:
[Aviso="Titulo"] Teste TAG Aviso[/aviso]
avatar

Try
Nível 2

Masculino
Inscrito dia : 30/05/2016
Mensagens : 11
Pontos Ativos : 351

http://kings1.forumeiros.com

Resolvido Re: Adicionar bbcode no sceditor

Mensagem por Quakeline em Seg 30 Maio 2016 - 18:42

Olá,

Veja se seria isso que você deseja

http://ajuda.forumeiros.com/t99723-

Até
avatar

Quakeline
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5304
Pontos Ativos : 8661

http://webskins.forumeiros.com/

Resolvido Re: Adicionar bbcode no sceditor

Mensagem por Try em Ter 31 Maio 2016 - 12:29

E quase,para falar com sinceridade eu já tinha implantando,O tutorial que eu estou querendo e um que aparece no respostas rápidas do lado do Quote ai tipo eu escolho opção aviso não preciso colocar o código basta click deu pra entende ou eu esto confundindo desculpa ser fez kk.
avatar

Try
Nível 2

Masculino
Inscrito dia : 30/05/2016
Mensagens : 11
Pontos Ativos : 351

http://kings1.forumeiros.com

Resolvido Re: Adicionar bbcode no sceditor

Mensagem por while em Ter 31 Maio 2016 - 17:08

Olá crie um novo javascript com investimento em todas as paginas com esse código:
Código:
jQuery(function(){
      jQuery(function(){
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
        });
        });
      });

Depois de ter feito isto, adicione esse código css:
Código:
.sucesso, .alerta, .aviso, .infos {
    -moz-border-radius: 3px;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
      border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
      font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    margin: 5px 0;
    padding: 15px 15px 15px 65px !important;
    width: 85%;
}
.sucesso {
    background-color: #DFF0D8;
  border-color: #A5D280;
  color: #3C763D;
}
.alerta {
    background: #FAFFB2;
  border-color: #DBE08A;
  color: #AF8640;
}
.aviso {
  background-color: #F2DEDE;
  border-color: #D3949E;
  color: #A94442;
}
.infos {
    background-color: #ADDBF2;
  border-color: #5AB7CA;
  color: #31708F;
}


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4861

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar bbcode no sceditor

Mensagem por Try em Sab 4 Jun 2016 - 21:11

Funcionou não e como o que eu tinha visto mais funcionou,Obrigado,E que no que eu tinha visto ele era um seletor,Mais esse ficou legal
avatar

Try
Nível 2

Masculino
Inscrito dia : 30/05/2016
Mensagens : 11
Pontos Ativos : 351

http://kings1.forumeiros.com

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