Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Board Index » Forumotion »  [Read Only] Questions & Problems »[Archived] Moderation tools question

Foto

[Archived] Moderation tools question

by ,


View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  tommycoo

tommycoo
Punbb Senior
Punbb Senior
2013-10-11, 06:25
Details:
Is this possible to make moderation tools like this

[Archived] Moderation tools question NQV1iAH

Your Forum Address:
http://atlanta.forumid.net/

Forum Version:
PunBB

Powered by PunBB
Currently 0 users have thanked tommycoo for this post:

2
Offline

  Shadow

Shadow
Administrator
Administrator
2013-10-12, 09:59
In javascript add

Code:
[panda=js]    jQuery(document).ready(function(){
    if(jQuery('.i_icon_ip').length) {
      if(jQuery('p.options a img[alt="http://www.club323f.com/forum/images/ranks/icon_user_moderator.gif"]').length) {
      jQuery('.paged-head').after('<div class="act_mod"><p class="mod" title="">Moderate Topic</p></div>');
    var exc = jQuery('.main-foot').find('p.options a:nth-child(3)').attr('href');
    var trash = jQuery('.main-foot').find('p.options a:nth-child(4)').attr('href');
    var mover = jQuery('.main-foot').find('p.options a:nth-child(5)').attr('href');
    var bloq = jQuery('.main-foot').find('p.options a:nth-child(6)').attr('href');
    var sep = jQuery('.main-foot').find('p.options a:nth-child(7)').attr('href');
    var fund = jQuery('.main-foot').find('p.options a:nth-child(8)').attr('href');
    jQuery('.act_mod').append('<div id="popw" class="action_mod">
    <div class="mod_hover" style="top: -16px; left: 5px; z-index: 6000;"> </div>
    <div class="popupInner" style="width: 190px; max-height: 465px;">
    <li><a href="'+exc+'">Exclude this topic</a></li>
    <li><a href="'+trash+'">Move to trash</a></li>
    <li><a href="'+mover+'">Move topic</a></li>
    <li><a href="'+bloq+'">Lock / Unlock</a></li>
    <li><a href="'+sep+'">Unwrap this topic</a></li>
    <li><a href="'+fund+'">Merge topics</a></li>
    </div></div>');
    jQuery('.mod').click(function(){
     jQuery('.action_mod').fadeToggle();
    });
    }}
    });
In CSS add:
Code:
[panda=css] .act_mod {
margin: 0 0 8px 0;
}
    .act_mod p {
      background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%;
      border: 1px solid rgb(219,219,219);
      -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #616161;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      padding: 3px 10px;
      white-space: nowrap;
      cursor: pointer;
      display: inline-block;
    }
    #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;
    }
    .mod_hover {
    background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
    width: 31px;
    height: 16px;
    position: absolute;
    }
    .popupInner {
    background: #fff;
    width: 500px;
    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;
    }
    .action_mod li {
      background: rgb(248, 248, 248);
      border-bottom: 1px solid rgb(234, 234, 234);
      text-align: center;
      padding: 3px 4px;
    }
    .action_mod li a {
      color: #333!important;
    }

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
Offline

  tommycoo

tommycoo
Punbb Senior
Punbb Senior
2013-10-12, 13:13
Nep wrote:In javascript add

Code:
[panda=js]    jQuery(document).ready(function(){
    if(jQuery('.i_icon_ip').length) {
      if(jQuery('p.options a img[alt="http://www.club323f.com/forum/images/ranks/icon_user_moderator.gif"]').length) {
      jQuery('.paged-head').after('<div class="act_mod"><p class="mod" title="">Moderate Topic</p></div>');
    var exc = jQuery('.main-foot').find('p.options a:nth-child(3)').attr('href');
    var trash = jQuery('.main-foot').find('p.options a:nth-child(4)').attr('href');
    var mover = jQuery('.main-foot').find('p.options a:nth-child(5)').attr('href');
    var bloq = jQuery('.main-foot').find('p.options a:nth-child(6)').attr('href');
    var sep = jQuery('.main-foot').find('p.options a:nth-child(7)').attr('href');
    var fund = jQuery('.main-foot').find('p.options a:nth-child(8)').attr('href');
    jQuery('.act_mod').append('<div id="popw" class="action_mod">
    <div class="mod_hover" style="top: -16px; left: 5px; z-index: 6000;"> </div>
    <div class="popupInner" style="width: 190px; max-height: 465px;">
    <li><a href="'+exc+'">Exclude this topic</a></li>
    <li><a href="'+trash+'">Move to trash</a></li>
    <li><a href="'+mover+'">Move topic</a></li>
    <li><a href="'+bloq+'">Lock / Unlock</a></li>
    <li><a href="'+sep+'">Unwrap this topic</a></li>
    <li><a href="'+fund+'">Merge topics</a></li>
    </div></div>');
    jQuery('.mod').click(function(){
     jQuery('.action_mod').fadeToggle();
    });
    }}
    });
In CSS add:
Code:
[panda=css] .act_mod {
margin: 0 0 8px 0;
}
    .act_mod p {
      background: rgb(248, 248, 248) url("http://i38.servimg.com/u/f38/18/24/85/15/shine10.png") repeat-x 0 50%;
      border: 1px solid rgb(219,219,219);
      -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #616161;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      padding: 3px 10px;
      white-space: nowrap;
      cursor: pointer;
      display: inline-block;
    }
    #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;
    }
    .mod_hover {
    background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
    width: 31px;
    height: 16px;
    position: absolute;
    }
    .popupInner {
    background: #fff;
    width: 500px;
    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;
    }
    .action_mod li {
      background: rgb(248, 248, 248);
      border-bottom: 1px solid rgb(234, 234, 234);
      text-align: center;
      padding: 3px 4px;
    }
    .action_mod li a {
      color: #333!important;
    }
i don't see anything ?

Powered by PunBB
Currently 0 users have thanked tommycoo for this post:

4
Offline

  Shadow

Shadow
Administrator
Administrator
2013-10-12, 13:29
It only works on non-edited [ic]viewtopic_body[/ic].

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

5
Offline

  tommycoo

tommycoo
Punbb Senior
Punbb Senior
2013-10-12, 15:30
Nep wrote:It only works on non-edited [ic]viewtopic_body[/ic].
nope i've tested it on uneditable viewtopic body and still doesn't work ?

Powered by PunBB
Currently 0 users have thanked tommycoo for this post:

6
Offline

  Shadow

Shadow
Administrator
Administrator
2013-10-12, 16:15
Here is an example on my native board, [Archived] Moderation tools question BvSKvv4

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

7
Offline

  tommycoo

tommycoo
Punbb Senior
Punbb Senior
2013-10-12, 16:25
why in my board it doesn't work Sad

Powered by PunBB
Currently 0 users have thanked tommycoo for this post:

8
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum

 

About PunBB Design

PunBB Design (ex. PunBB Community) Forum is Forumotion hosted forum created 2012 as a test forum for helping out members and improving design and quality of the Forumotion forums. Over the time it became bigger and bigger in term of content, members and activity. That's why several times Forumotion offered us a free domain name for our community (www.punbb.biz). Today we want to back it's old activity and make it even better! In 2013 PunBB Design is awarded for best Forumotion forum.

General Links

Forum Resources

Forumotion Links

BtT
  • This skin is designed by Shadow for PunBB Design™.