Caixa de moderação

Detalhes da questão

Endereço do fórum: http://policiamentodph.directorioforuns.com/
Versão do fórum: ModernBB

Descrição

Olá, eu utilizo este código e gostaria que tivesse os fundos, visto que não tem.

Código:

$(document).ready(function(){
  if($('#stats:last a[href*="/modcp?"]').length){
  $('#quick_reply input[value="Pré-visualizar"]').before('<input type="button" value="Caixa de moderação" id="cdm" style="float: left;"/>');
  $('input#cdm').toggle(function() {
  $(this).after('
  <div class="main-content" style="min-width: 428px;z-index: 2000;margin: 30px 0 8px 0;position: absolute;">
  <div id="mod" style="background: #fff;padding: 3px;">
  <select id="status" style="width: 50%">
  <option value="">Status</option>
  <option value="[size=14][color=green][b][i]Tópico Resolvido; e Bloqueado[/i][/b][/color][/size]">Tópico Resolvido; e Bloqueado</option>
  <option value="[size=14][color=red][b][i]Tópico bloqueado[/i][/b][/color][/size]">Tópico bloqueado</option>
  <option value="[size=14][color=green][b][i]Tópico desbloqueado[/i][/b][/color][/size]">Tópico desbloqueado</option>
  </select>
  <select id="to" style="width: 50%">
  <option value="">Movido para</option>
  <option value="[b]Movido para:[/b] Arquivos">Arquivos</option>
  <option value="[b]Movido para:[/b] Lixeira">Lixeira</option>
  <option value="[b]Movido para:[/b] Local correspondente">Local correspondente</option>
  <option value="[b]Movido para:[/b] Dicas e Tutoriais">Dicas e Tutoriais</option>
  </select>
  <textarea id="mot" name="subject" placeholder="Descreva o motivo desta mensagem" class="inputbox" style="display: block; margin: 5px 0 5px 0; min-height: 55px;" onChange="titulo();"></textarea>
  <input onclick=" envia()" type="button" id="gerar-msg" value="Gerar"/>
  <input name="post" onclick=" envia()" type="submit" id="gerar-msg" value="Enviar"/>
  <input name="post" onclick=" block()" type="submit" id="gerar-msg" value="Enviar & Block"/>
  <input type="button" value="Limpar caixa" id="limpar-msg"/>
  </div>
  </div>');
  }, function(){
  $(this).next().remove();
  });
  $('#limpar-msg').click(function(){
  $('#text_editor_textarea').sceditor('instance').val('');
  });
  }
  });
  function envia(){
  if($('#text_editor_textarea').val() == ""){
  var pegatopics = $('[name="t"]').val();
  $('[name="t"]').val(pegatopics);
  $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val()+''+$("#status").val()+'\n'+$('#mot').val()+'\n'+$('#to').val());
  }}
  function block(){
  if($('#text_editor_textarea').val() == ""){
  var pegatopics = $('[name="t"]').val();
  $('[name="t"]').val(pegatopics);
  $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val()+''+$("#status").val()+'\n'+$('#mot').val()+'\n'+$('#to').val());
  window.open('/modcp?t='+pegatopics+'&mode=move&mode=lock');
  }}

Em tópico resolvido gostaria do fundo verde, em bloqueado vermelho.

UP!!

Olá @peidokdl,
Desculpe a demora, já tive a olhar o seu script quando a Senhora criou o tópico e preciso de algumas informações primeiro, visto que o script passado em cima têm erros: O Efeito funciona do tópico?


Aguardo uma resposta sua,
pedxz.

Ele funciona com uma diferença só aparece o nome com a cor destinada, e não aparece o fundo e nem direciona tipo a lixeira, mover a outro...

Olá @peidokdl,

Primeiramente iremos aceder ao painel de controle módulos HTML & JAVASCRIPT gestão dos códigos javascript criar um novo javascript

Título: Moderar tópico {opcional}
Investimento: Nós tópico

Código JS:

Código:

$(function(){
var CopyrightNotice = 'Copyright BestSkins ️ 2013. All right reserved.';
 
 var level = _userdata.user_level;
 var del = $('.main-foot a[href*="mode=delete"]').attr('href');
 var trash = $('.main-foot a[href*="mode=trash"]').attr('href');
 var move = $('.main-foot a[href*="mode=move"]').attr('href');
 var lockunlock = $('.main-foot a[href*="mode=lock"]').attr('href');
 var split = $('.main-foot a[href*="mode=split"]').attr('href');
 var merge = $('.main-foot a[href*="merge"]').attr('href');

if(level > 0 | trash) {
  $('.paged-head').after(
  '<div id="moderation_tool" class="act_mod">' +
  '  <p class="mod" title="Moderar tópico">Moderar tópico</p>' +
  '</div>'
  );
  $('#moderation_tool').append(
  '<div id="popw" class="action_mod">' +
  '  <div class="mod_hover"></div>' +
  '  <div class="popwinner">' +
  '  <li><a href="' + del + '">Excluir este tópico</a></li>' +
  '  <li><a href="' + trash + '">Enviar para lixeira</a></li>' +
  '  <li><a href="' + move + '">Mover este tópico</a></li>' +
  '  <li><a href="' + lockunlock + '">Bloquear/Desbloquear</a></li>' +
  '  <li><a href="' + split + '">Separar este tema</a></li>' +
  '  <li><a href="' + merge + '">Fundir os tópicos</a></li>' +
  '  </div>' +
  '</div>'
);
$('.mod').click(function() {
  $('.action_mod').slideToggle(300);
});
}
});

Depois aceda em visualização imagens e cores cores folha de estilo css

Adicione esse código a folha de estilo CSS:

Código:

#moderation_tool {margin: 0 0 8px 0;}
#moderation_tool.act_mod p {
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
-moz-transition: all .2s ease-in-out;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
-webkit-transition: all .2s ease-in-out;
cursor: pointer;
webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: -moz-linear-gradient(#f6f8fa,#edeeef);
background-image: -webkit-linear-gradient(#f6f8fa,#edeeef);
border: 1px solid #D9DBDD;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa',endColorstr='#edeeef',GradientType=0);
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
white-space: nowrap;
}
#popw {
background-color: #464646;
background-color: rgba(70,70,70,0.6);
padding: 4px;
-webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: none;
**** 999;
margin-top: 16px;
position: absolute;
}
#popw .mod_hover {
background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
width: 31px;
height: 16px;
****-16px;
left: 5px;
**** 999;
position: absolute;
}
#popw .popwinner {
background: #fff;
max-height: 465px;
width: 190px;
overflow: auto;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
overflow-x: hidden;
}
#popw .popwinner li {
  background: rgb(248, 248, 248);
  list-style-type: none;
  border-bottom: 1px solid rgb(234, 234, 234);
  text-align: center;
  padding: 3px 4px;
}
#popw .popwinner li a {
  color: #333!important;
}

Atenciosamente: Ketholy

Olá, mudou nada, continua como era antes.

Olá @peidokdl,

Poderia nos fornecer uma conta de testes para poder analisar onde está o problema?

Obrigado.

com direitos a ADM?

UP! DO DIAAA

Tente este script, para substituir o da @Harleen:

Código:

/**
 * ModTools - After Post Button
 * Copyright BestSkins ️ 2013. Update pedxz
 * All right reserved.
 */
(function($) {
    'use strict';

    $(function() {

      var  mod = $('<div>', {
            class: 'modlist'
        }).append(
            ' <ul>' +
            ' <li><span>Ferramentas</span>' +
            ' <ul>' +
            '  <li id="blocktopic">Bloquear Tópico</li>' +
            '  <li id="solvedtopic">Tópico Resolvido</li>' +
            '  <li id="limpar-msg">Limpar Editor</li>' +
            ' </ul></li>' +
            ' </ul>'
        );
     
    if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
      return;
    }

    if (!$('a[href^="/modcp?mode=move"]').length) {
      return;
    }
     
        $(mod).insertAfter('#quick_reply [name="post"]');


        $('#blocktopic').click(function() {
            $('textarea')
                .sceditor('instance')
                .val(
                    ' [table style="background-color: #ED5565;border-radius: 2px;margin: 1em 25px 1em 1em;min-width: 90%!important;padding: 4px"]' +
                    ' [tr][td]' +
                    ' [b]Tópico Bloqueado[/b]\n Tópico bloqueado e arquivado!' +
                    ' [/td][/tr]' +
                    ' [/table]'
                );
            $('#quick_reply input[type="submit"]').click();
        });
     
        $('#solvedtopic').click(function() {
            $('textarea')
                .sceditor('instance')
                .val(
                    ' [table style="background-color: #68B800;border-radius: 2px;margin: 1em 25px 1em 1em;min-width: 90%!important;padding: 4px"]' +
                    ' [tr][td]' +
                    ' [b]Tópico Resolvido[/b]\n Tópico resolvido e arquivado!' +
                    ' [/td][/tr]' +
                    ' [/table]'
                );
            $('#quick_reply input[type="submit"]').click();
        });
     
        $('#limpar-msg').click(function(){
            $('#text_editor_textarea')
              .sceditor('instance')
                .val('');
        });
     
    $('head').append(
        '<style type="text/css">' + 
        '.modlist {' +   
        '  margin-left: 18px;' +
        '  display: inline-block;' +
        '}' +
        '.modlist ul li ul {' +
        '  display: none;' +
        '  color: black!important;' +
        '}' +
        '.modlist ul li span {' +
        '  background-color: #434A53;' +
        '  border-radius: 3px;' +
        '  box-shadow: 0 1px 2px rgba(0,0,0,0.3);' +
        '  color: #f2dcdc;' +
        '  font-size: 1.2rem;' +
        '  font-weight: 500;' +
        '  padding: 9px 18px;' +
        '}' +
        '.modlist ul li:hover ul,' +
        '.modlist ul li:active ul {' +
        '  z-index: 9999;' +
        '  background-color: white;' +
        '  width: auto;' +
        '  height: auto;' +
        '  display: block;' +
        '  margin-top: 4px;' +
        '  position: absolute;' +
        '}' +
        '.modlist ul li:hover ul li,' +
        '.modlist ul li:active ul li {' +
        '  display: block;' +
        '  padding: 1em;' +
        '  cursor: pointer;' +
        '  border-top: 1px dotted #ceeeec;' +
        '}' +
        '</style>'
    );
    });

}(jQuery));

Muito obrigada, pode fechar!