「Forumeiros」 Moderação de Tópico Personalizado | TUTORIAL

Nome do Arquivo: Moderação de tópico personalizada
Autor: Daemon
Funcionalidade: PunBB

Neste tutorial iremos aprender a adicionar um botão de moderação nos tópicos visível para moderadores e adm's...

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
Investimento: Nós tópicos

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

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;
}


Interessante, vale por compartilhar :]

Nós usamos isso aqui no fórum :v , obrigado pela partilha muito útil

Irá ajudar muitos, obrigado por compartilhar.

Muito interessante, obrigado por compartilhar :)

Gostei interessante, obrigado por compartilhar :)

muito interessante

Interessante, vale por compartilhar :]