Botao resolvido

3 participantes

Ir para baixo

Tópico resolvido Botao resolvido

Mensagem por xDominiC_. 11.10.17 0:34

Detalhes da questão


Endereço do fórum: http://trg1-nwd.forumeiros.com
Versão do fórum: phpBB3

Descrição


ola eu queria saber como eu coloco esse botao Resolvido e  o outro que agora esqueci o nome no meu forum igual ao de voces mas no caso eu queria os botoes com as seguintes palavras Aprovado e Recusado e como e junto com esses botoes queria saber isso tabem aki o
so que com outro texto
https://prnt.sc/gvujy2
https://prnt.sc/gvujwh
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por iScroll 11.10.17 0:39

Olá, o código em questão de CSS foi personalizado por mim mas se encontra aqui no FdF, tente usar isso:

Adicione ao seu CSS:
Código:
.sucesso {
    background: url(http://i.imgur.com/BYDDJ34.png) no-repeat 6px #4cb600;
    border: 1px solid #6b8a00;
    color: #fff;
    width: 100%;
    text-shadow: 1px 1px 1px #000;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    font-weight: 700;
    padding: 6px 6px 6px 40px;
    border-radius: 3px;
}
.alerta {
    background: url(http://i.imgur.com/eADTQp0.png) no-repeat 6px #c80000;
    border: 1px solid #650f00;
    color: #ffffff;
    width: 100%;
    text-shadow: 1px 1px 1px #000;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    font-weight: 700;
    padding: 6px 6px 6px 40px;
    border-radius: 3px;
}
.aviso {
    background: url(http://i.imgur.com/o853ASr.png) no-repeat 6px #ffc700;
    border: 1px solid #a87600;
    color: #ffffff;
    width: 100%;
    text-shadow: 1px 1px 1px #000000;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    font-weight: 700;
    padding: 6px 6px 6px 40px;
    border-radius: 3px;
}
.infos {
    background: url(http://i.imgur.com/Sb8xtoi.png) no-repeat 6px #7ce7fe;
    border: 1px solid #007a94;
    color: #ffffff;
    width: 100%;
    text-shadow: 1px 1px 1px #000;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    font-weight: 700;
    padding: 6px 6px 6px 40px;
    border-radius: 3px;
}
.sucesso,
.alerta,
.aviso,
.infos {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  -moz-border-radius: 3px;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
  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 20px 100px !important;
}

Agora adicione ao seu JavaScript, marque nos tópicos:
Código:
 $(function(){
      $('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Resolvido"><div unselectable="on" style="background-image:url(http://i.imgur.com/W5mUMil.png)">Resolvido</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="Recusado"><div unselectable="on" style="background-image:url(http://i.imgur.com/E3r9Hh1.png)">Recusado</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="Em Curso"><div unselectable="on" style="background-image:url(http://i.imgur.com/l7KlLp6.png)">Em Curso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
    });
    });
  });

Diga-me se resultou, você pode usa-los na caixa de resposta rápida de seu fórum.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por xDominiC_. 11.10.17 0:42

no java script 
Investimento em todas as paginas?
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por xDominiC_. 11.10.17 0:45

pronto ja fiz tudo e agora
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por iScroll 11.10.17 0:46

xDominiC_. escreveu:no java script 
Investimento em todas as paginas?

Apenas nos tópicos.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por xDominiC_. 11.10.17 0:47

e agora oq faço ja fiz tudo que voce pediu eu fui em um topico e n vi nada
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por iScroll 11.10.17 0:52

Lhe passei o código errado, peço-lhe desculpas.
Substitua o JavaScript por este:
Código:
/**
 * Código jQuery que permite adiconar múltiplos botões ao SCEditor;
 * Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
 * Plataforma: Forumeiros;
 * Versão: Todas;
 * Investimento: Todas as páginas;
 * Licence MIT;
 */
(function ($) {
  'use strict';

  var botoes = [
    {
      'somenteModVer': true,
      'name': 'Tópico Bloqueado',
      'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-lock',
      'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
    }, {
      'somenteModVer': true,
      'name': 'Tópico Desbloqueado',
      'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
      'id': 'tpc-unlock',
      'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
    }, {
      'somenteModVer': true,
      'name': 'Mensagens de Denúncias',
      'id': 'mensagens-de-denuncias',
      'imgUrl': 'http://i.imgur.com/oAGWDdG.png',
      'filhos': [
        {
          'somenteModVer': true,
          'name': 'Denúncia UP',
          'text': '[table class=sucesso][tr][td][b]Denúncia UP[/b] \n\[b]Motivo:[/b] Motivo Aqui \n\[b]Punição:[/b] Punição Aqui \n \n[b]Achou injusto? Peça revisão nessa área: http://www.brasilplayultimate.com.br/f130-revisao-de-punicao[/b]\n \n[b]Tópico Marcado como Resolvido e movido para "Arquivos - Denúncias".[/b][/td][/tr][/table]',
          'id': 'msm-denuncia',
          'imgUrl': 'http://i.imgur.com/W5mUMil.png'
        }, {
          'somenteModVer': true,
          'name': 'Denúncia FAIL',
          'text': '[table class=alerta][tr][td][b]Denúncia FAIL[/b]\n\[b]Motivo:[/b] Motivo Aqui \n \n[b]Achou injusto? Peça revisão nessa área: http://www.brasilplayultimate.com.br/f130-revisao-de-punicao[/b]\n\ \n\[b]Tópico Marcado como Recusado e movido para "Arquivos - Denúncias".[/b][/td][/tr][/table]',
          'id': 'msm-denuncia',
          'imgUrl': 'http://i.imgur.com/E3r9Hh1.png'
        }, {
          'somenteModVer': true,
          'name': 'Denúncia Em Curso',
          'text': '[table class=aviso][tr][td][b]Denúncia Em Curso[/b] \n \n[b]Tópico Marcado como Em Curso. Denúncias são fechadas no prazo de 24H caso o acusado responda, caso contrário, terá o fechamento no tempo de 48H.[/b][/td][/tr][/table]',
          'id': 'msm-denuncia',
          'imgUrl': 'http://i.imgur.com/l7KlLp6.png'
        }
      ]
    }
  ];

  // Begin CSS:
  $(function () {
    $([
      /**
      * Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
      * E sempre usar aspas compostas dentro de cada linha.
      * Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
      */
      '<style>',
      '  #main .sceditor-toolbar,',
      '  #main .sceditor-group {',
      '    overflow: initial;',
      '  }',
      '  .sceditor-group {',
      '    position: relative;',
      '  }',
      '  .fa-dropdown1 {',
      '    position: absolute;',
      '    padding: 0px!important;',
      '    top: 27px;',
      '    background-color: #fff;',
      '    border: 1px #ccc solid;',
      '    display: none;',
      '  }',
      '  .fa-dropdown1 a {',
      '    display: block;',
      '    line-height: 1.5em;',
      '    padding: 7px 15px 7px 30px;',
      '    white-space: nowrap;',
      '    border-bottom: 1px #ccc solid;',
      '    cursor: pointer;',
      '    font-size: 12px;',
      '  }',
      '  .fa-dropdown1 a:last-child {',
      '    border-bottom: none;',
      '  }',
      '  .fa-dropdown1-open {',
      '    display: block;',
      '  }',
    '.naoaparecer{display:none!important;}',
      '</style>'
    ].join('\n'))
      .appendTo('head');
    });

  // Begin 'code':
  $(window).on('load', function () {
 
    // Variáveis Importantes:
    var $ultimoGrupo = $('.sceditor-group:last');
    var $sceditor = $('#text_editor_textarea').sceditor('instance');
    var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
    var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';

    $.each(botoes, function (index, botoes) { 
      if (botoes.somenteModVer  && _userdata.user_level <= 0) {
        return;
      }
        if ($(botoes.filhos).length) {
          // Caso seja um dropdown (TENHA UM FILHO):
          var $parent = $('<a>', {
              class: 'sceditor-button ' + botoes.id,
              title: ' ' + botoes.name,
              style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
              unselectable: 'on'
            })
              .appendTo($ultimoGrupo)
                .on('click', function () {
                  $ultimoGrupo
                    .find('.fa-dropdown1-' + botoes.id)
                      .css('left', $parent.position().left + 'px')
                        .toggleClass('fa-dropdown1-open');
                });
               
          var $dropdown = $('<div>', {
            class: 'sceditor-dropdown fa-dropdown1 fa-dropdown1-' + botoes.id
            })       
              .appendTo($ultimoGrupo);

          // Dropdown children:
          $.each(botoes.filhos, function (index, filhos) {
            $('<a>', {
              html: filhos.name,
              class: filhos.id + 'fa-dropdown1-item',
              style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
            })
              .appendTo($dropdown)
                .on('click', function () {
                  $sceditor.insertText(filhos.text);
                  $('.fa-dropdown1')
                    .toggleClass('fa-dropdown1-open');
                });
          });
         
          return;
         
      }

    });
   
  });
}(jQuery));

As mensagens você pode editar de seu gosto
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por xDominiC_. 11.10.17 0:55

ola cade os botoes Aprovado e Recusado nao achei n
eu testei aquela tabela 1 vez funcionou fui testar dnv n funcionou parou de funcionar
so ta o codigo 1 pergunta eu so posso usar 1 vez por topico??eu uso 1 vez funciona eu usei dnv n funcionou em topico nenhum
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por iScroll 11.10.17 1:51

Veja se esta caixa está habilitada: http://prntscr.com/gvv52j
Se estiver basta desabilita-la, ocorre esses erros realmente.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por xDominiC_. 11.10.17 4:13

pronto ja esta normal e agora os botoes??? que eu pedi Resolvido e etc
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por iScroll 11.10.17 11:35

UAI, se funcionou uma vez era pra funcionar outras. Peço q seja mais expecifico, morre imagens de seu problema.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por xDominiC_. 11.10.17 15:18

pode fechar o topico
xDominiC_.
xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botao resolvido

Mensagem por Luiz 11.10.17 15:59

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

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos