[Tutorial] Moderação de tópico personalizado

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

avatar
Admin
Administrador
Tempo Online : 12d 56m 43s
Mensagens : 693
Reputação : 3
Ver perfil do usuário http://bestweb.forumais.com

MensagemAdmin em Seg Out 03, 2016 9:03 pm

Informações:

Autor: Daemon
Versões: PunBB
Introdução: Moderação de tópico personalizado

Instalação:

Acesse:
Painel de controle ->> Modulos ->> HTML & Javascripts ->> Gestão dos códigos Javascripts
Então crie um novo javascript com investimento nos topicos com esse código:
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 acesse:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS
E Adicione esse código:
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;
z-index: 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;
top: -16px;
left: 5px;
z-index: 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;
}

Resultado:

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

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

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