Nimbuzzmasters forum
nwlve HI   GUEST nwlve
WELCOME TO NIMBUZZ MASTERS FORUM
PLEASE   REGISTER

TO
Dzs HAVE FULL ACCESS TO THE FORUM AND BE ABLE TO DOWNLOAD STUFF Dzs
Grp
STAY WITH US THANK YOU
Forum management ©️
Mzs

Latest Topic System v5

View previous topic View next topic Go down

avatar
TOP-CODER
Management team
Management team
Join date : 2012-11-07
Posts : 401
Thanks gained - : 2896
Gender : Male
Age : 29
Location Location : india
View user profile http://www.hackersw0rld.tk

PostTOP-CODER on Thu Oct 08, 2015 9:32 pm



Author.                                   -   AYSHA
Best performance version -    punbb
SPECIAL THANKS.                 -   RED™️
 AND.                                       -  !redlove!
posted by.                              -   TOP-CODER
[You must be registered and logged in to see this link.]

First download
[You must be registered and logged in to see this link.]
And extract zip file
zip file pass  nbmteam
next  go to your

Administration Panel → Display → General
in  Overall_header  find this code and delete

(you must reply to see the hidden code)
save & publish
next
Open  your extracted files  open {CHATBOX_TOP} file and coppy

next go to Index_body and find this code

{CHATBOX_TOP}


below the line add  chopped file
NEXT open extracted file > open recent topic file And coppy
next go to your

Administration Panel → Display → Portal  
then  paste copied code in mod_recent_topic


NexT Open mod_most_active_topics and delete all code and paste this
Code:
<tr>
   <th class="topicLast">
      <h2>Most discussed topics</h2>
   </th>
   <th class="topicLast">
      <h2>Most viewed topics</h2>
   </th>
</tr>
<tr>
   <td>
      <ul id="active_topics" class="half">
         <!-- BEGIN TOPIC -->
         <li>
            <span style="display:none">{TOPIC.TITLE}</span>
            <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>
         </li>
         <!-- END TOPIC -->
      </ul>
   </td>
<!--</tr>-->
mod_most_viewed_topics
Code:
<!--<tr>-->
   <td>
      <ul id="viewed_topics" class="half">
         <!-- BEGIN TOPIC -->
         <li>
            <span style="display:none">{TOPIC.TITLE}</span>
            <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>
         </li>
         <!-- END TOPIC -->
      </ul>
   </td>
</tr>
mod_most_active_starters
Code:
<!--<td>-->  
   <ul id="active_starters" class="half group_post">
      <!-- BEGIN POSTER -->
      <li>
         {POSTER.NAME}
         <span class="lastRight">
            {POSTER.NB_TOPICS}
         </span>
      </li>
      <!-- END POSTER -->
   </ul>
</td>
mod_top_post_users_month
Code:
<!--<tr>-->
   <!--<td>-->  
      <ul id="users_month" class="half group_time">
         <!-- BEGIN POSTER -->
         <li>
            {POSTER.NAME}
            <span class="lastRight">
               {POSTER.NB_POSTS}
            </span>
         </li>
         <!-- END POSTER -->
      </ul>
   </td>
</tr>
mod_top_post_users_week
Code:
<td>
   <ul id="users_week" class="half group_time">
      <!-- BEGIN POSTER -->
      <li>
         {POSTER.NAME}
         <span class="lastRight">
            {POSTER.NB_POSTS}
         </span>
      </li>
      <!-- END POSTER -->
   </ul>
<!--</td>-->
mod_top_posters
Code:
<td>
   <ul id="top_posters" class="half group_post">
      <!-- BEGIN POSTER -->
      <li>
         {POSTER.NAME}
         <span class="lastRight">
            {POSTER.NB_POSTS}
         </span>
      </li>
      <!-- END POSTER -->
   </ul>
<!--</td>-->
NEXT open your extracted folder >  open css file and coppy
Next go to your Administration Panel → Display → Pictures & Colors → CSS
Paste copied text in css code editor
Then go to your

Administration Panel → Modules → Forum widgets
then Follow this follwing Pictures



DONT FORGET TO PUBLISH SEVED TEMPLATES
TEMPLATES EDITING CAREFULLY


You

avatar
umair~sipra.
Administrator
Administrator
Join date : 2013-04-10
Posts : 311
Thanks gained - : 5799
Gender : Male
Age : 23
Location Location : PAKISTAN
View user profile http://WWW.filmypk.com

Postumair~sipra. on Fri Oct 09, 2015 12:14 am

very informative. Thanks Redlove , Sara, RED™ , TOP-CODER

avatar
balu♥krishna
Administrator
Administrator
Join date : 2013-12-04
Posts : 238
Thanks gained - : 3332
Gender : Male
Age : 29
Location Location : KERALA
View user profile http://kbzteam.forums1.net

Postbalu♥krishna on Fri Oct 09, 2015 12:26 am



First Go To Your

Administration Panel → Display → General
in  Overall_header  find this code and delete

Code:
<div id="{ID_LEFT}">
        <!-- BEGIN giefmod_index1 -->
        {giefmod_index1.MODVAR}
        <!-- BEGIN saut -->
        <div style="height:{SPACE_ROW}px"></div>
        <!-- END saut -->
        <!-- END giefmod_index1 -->
</div>

save & publish

next go to Index_body and find this code

{CHATBOX_TOP}

below the line add this

Code:
<div id="{ID_LEFT}" class="main">
   <div class="main-head">
      <div class="page-title">
         <h2>Latest Topic System v5</h2>
      </div>
   </div>
     <div class="main-content">
      <table cellspacing="0" class="table">
         <tbody class="statused">
            <!-- BEGIN giefmod_index1 -->
            {giefmod_index1.MODVAR}
            <!-- END giefmod_index1 -->
         </tbody>
      </table>
   </div>
   <script type="text/javascript">
      //<![CDATA[
      var versionMinor = parseFloat(navigator.appVersion),
         versionMajor = parseInt(versionMinor),
         IE = document.all && !window.opera && 7 > versionMajor,
         IE7 = document.all && !window.opera && 7 <= versionMajor,
         OP = window.opera,
         FF = document.getElementById,
         NS = document.layers;
 
      function get_item(a, c) {
         if (IE) return c ? window.opener.document.all[a] : document.all[a];
         if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
         if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
      }
 
      var current_tooltip;
 
      function show_tooltip(a, c) {
         var b = get_item("tooltip");
         b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
         b.style.zIndex = 1000;
         b.style.position = "absolute";
         b.innerHTML = "<p>" + c + "</p>";
         b.style.visibility = "visible";
         a.onmousemove = move_tooltip;
         a.onmouseout = function() {
            b.style.visibility = "hidden"
         };
         a.title = ""
      }
      var offsetxpoint = -60,
         offsetypoint = 20,
         real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
         real_body = document.documentElement ? document.documentElement : document.body;
 
      function move_tooltip(a) {
         var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
            d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
            b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
            e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
            f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
         current_tooltip = get_item("tooltip");
         current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
         current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
      }
      $("#recent_topics li a:first-child").mouseover(function() {
         show_tooltip(this, $(this).next().html())
      });
      $("#active_topics a, #viewed_topics a").mouseover(function() {
         show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
      }).after(function() {
         return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
      });
      $(".changeLast").change(function() {
         $(".half.group_" + $(this).data("group")).hide();
         $("#" + this.value).show();
      });
       //]]>
   </script>
</div>
</div>

next go to your


Administration Panel → Display → Portal
then  paste this code in mod_recent_topic

Code:
<!-- BEGIN classical_row -->
<tr>
   <th class="double">
      <h2>Newest post
         <span class="right">Latest reply</span>
      </h2>
   </th>
   <th>
      <select class="changeLast" data-group="post">
         <option value="top_posters">Top Poster</option>
         <option value="active_starters">Most Topic Users</option>
      </select>
   </th>
   <th>
      <select class="changeLast" data-group="time">
         <option value="users_week">Most Active Poster of Week</option>
         <option value="users_month">Most Active Poster this Month</option>
      </select>
   </th>
</tr>
  <td class="double" rowspan="3">
      <ul id="recent_topics">
         <!-- BEGIN recent_topic_row -->
         <li>
            <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>
            <div class="tooltip_data" style="display:none">
               <p>
                  <span style="color:red">Subject</span>: {classical_row.recent_topic_row.L_TITLE}
               </p>
               <p>
                  <span style="color:blue">Posted</span>: {classical_row.recent_topic_row.S_POSTTIME}
               </p>
            </div>

            <!-- BEGIN switch_poster -->
            <a class="lastRight" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
            <!-- END switch_poster -->
            <!-- BEGIN switch_poster_guest -->
            <span class="lastRight">
               {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
            </span>
            <!-- END switch_poster_guest -->
         </li>
         <!-- END recent_topic_row -->
      </ul>
   </td>
<!-- </tr> -->
<!-- END classical_row -->

mod_most_active_topics

Code:
<tr>
   <th class="topicLast">
      <h2>Most discussed topics</h2>
   </th>
   <th class="topicLast">
      <h2>Most viewed topics</h2>
   </th>
</tr>
<tr>
   <td>
      <ul id="active_topics" class="half">
         <!-- BEGIN TOPIC -->
         <li>
            <span style="display:none">{TOPIC.TITLE}</span>
            <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>
         </li>
         <!-- END TOPIC -->
      </ul>
   </td>
<!--</tr>-->

mod_most_viewed_topics

Code:
<!--<tr>-->
   <td>
      <ul id="viewed_topics" class="half">
         <!-- BEGIN TOPIC -->
         <li>
            <span style="display:none">{TOPIC.TITLE}</span>
            <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>
         </li>
         <!-- END TOPIC -->
      </ul>
   </td>
</tr>

mod_most_active_starters

Code:
<!--<td>-->  
   <ul id="active_starters" class="half group_post">
      <!-- BEGIN POSTER -->
      <li>
         {POSTER.NAME}
         <span class="lastRight">
            {POSTER.NB_TOPICS}
         </span>
      </li>
      <!-- END POSTER -->
   </ul>
</td>

mod_top_post_users_month

Code:
<!--<tr>-->
   <!--<td>-->  
      <ul id="users_month" class="half group_time">
         <!-- BEGIN POSTER -->
         <li>
            {POSTER.NAME}
            <span class="lastRight">
               {POSTER.NB_POSTS}
            </span>
         </li>
         <!-- END POSTER -->
      </ul>
   </td>
</tr>

mod_top_post_users_week

Code:
<td>
   <ul id="users_week" class="half group_time">
      <!-- BEGIN POSTER -->
      <li>
         {POSTER.NAME}
         <span class="lastRight">
            {POSTER.NB_POSTS}
         </span>
      </li>
      <!-- END POSTER -->
   </ul>
<!--</td>-->

mod_top_posters

Code:
<td>
   <ul id="top_posters" class="half group_post">
      <!-- BEGIN POSTER -->
      <li>
         {POSTER.NAME}
         <span class="lastRight">
            {POSTER.NB_POSTS}
         </span>
      </li>
      <!-- END POSTER -->
   </ul>
<!--</td>-->

Administration Panel → Display → Pictures & Colors → CSS
Code:
/* Latest topics System V5 */
#content-container div#main{margin-bottom:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
#content-container div#left{float:none;width:100%}
#left{margin:30px 0}
#left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
#left a{text-decoration:none}
#left td{width:25%;vertical-align:top;border-width:0 1px}
#left .double{border-left:0;width:50%}
#left li{position:relative;width:100%;list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
#left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a{width:80%}
#left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
#left ul,#left th{padding-left:34px;padding-right:10px;margin:0}
#left ul{height:114px}
#left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
#left .changeLast,#left th h2{color:#777}
#left th{width:25%;vertical-align:middle}
th.topicLast{border-top:1px solid #F3F3F3!important}
th.double{text-align:left}
#recent_topics li{margin:.5px 0}
#left #recent_topics .lastRight{width:20%!important}
.half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
/* Tooltip */
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
              

Then Go To Your

Administration Panel → Modules →  Forum widgets
then Follow this follwing Pictures






ηιλ⁄(вυzz λ⁄(αѕтєяs™
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
avatar
ᔕᕼᗩᑎI
Management team
Management team
Join date : 2014-02-11
Posts : 81
Thanks gained - : 215
Gender : Male
Age : 24
Location Location : Pakistan
View user profile http://www.worldbuzz.team-talk.net

PostᔕᕼᗩᑎI on Fri Dec 04, 2015 5:33 pm

Nim


ηιλ⁄(вυzz λ⁄(αѕтєяs™

avatar
ᔕᕼᗩᑎI
Management team
Management team
Join date : 2014-02-11
Posts : 81
Thanks gained - : 215
Gender : Male
Age : 24
Location Location : Pakistan
View user profile http://www.worldbuzz.team-talk.net

PostᔕᕼᗩᑎI on Fri Dec 04, 2015 6:26 pm

iTs noT WorkinG Correctly I Follow The FollowinG MethoD is Given Above






AnD The Above Two Pictures Are DifferenT Even Im Also Using punbb Version


ηιλ⁄(вυzz λ⁄(αѕтєяs™

avatar
TOP-CODER
Management team
Management team
Join date : 2012-11-07
Posts : 401
Thanks gained - : 2896
Gender : Male
Age : 29
Location Location : india
View user profile http://www.hackersw0rld.tk

PostTOP-CODER on Fri Dec 04, 2015 7:12 pm

bro
see this

avatar
ᔕᕼᗩᑎI
Management team
Management team
Join date : 2014-02-11
Posts : 81
Thanks gained - : 215
Gender : Male
Age : 24
Location Location : Pakistan
View user profile http://www.worldbuzz.team-talk.net

PostᔕᕼᗩᑎI on Fri Dec 04, 2015 7:41 pm

[You must be registered and logged in to see this link.] wrote:bro
see this




NoW  iTS ShowinG Like This


ηιλ⁄(вυzz λ⁄(αѕтєяs™

avatar
AYSHA
Administrator
Administrator
Join date : 2012-12-09
Posts : 484
Thanks gained - : 3754
Gender : Female
Age : 23
Location Location : India kerala
View user profile http://Www.ayshas.malware-site.www

PostAYSHA on Fri Dec 04, 2015 8:15 pm

bro add all codes
in your templates and css
its working 100%
Dont forget to publish templates


ηιλ⁄(вυzz λ⁄(αѕтєяs™


ilove red...
avatar
ᔕᕼᗩᑎI
Management team
Management team
Join date : 2014-02-11
Posts : 81
Thanks gained - : 215
Gender : Male
Age : 24
Location Location : Pakistan
View user profile http://www.worldbuzz.team-talk.net

PostᔕᕼᗩᑎI on Fri Dec 04, 2015 8:32 pm

[You must be registered and logged in to see this link.] wrote:bro add all codes
in your templates and css
its working 100%
Dont forget to publish templates


WorkinG ThanKs AysHa buT NoW To Make Its Border Also In BluE ColouR





ηιλ⁄(вυzz λ⁄(αѕтєяs™

avatar
balu♥krishna
Administrator
Administrator
Join date : 2013-12-04
Posts : 238
Thanks gained - : 3332
Gender : Male
Age : 29
Location Location : KERALA
View user profile http://kbzteam.forums1.net

Postbalu♥krishna on Sun Dec 06, 2015 9:45 pm




Administration Panel → Display → Pictures & Colors → CSS
add this code in ur css style sheet for change that bar color

Code:
tbody.statused tr th {
    background: #1F53FB!important;
}
tbody.statused tr th h2, select.changeLast {
    color: #FFF!important;
}


ηιλ⁄(вυzz λ⁄(αѕтєяs™
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]
Mudu_yare
forum support
forum support
Join date : 2015-04-26
Posts : 60
Thanks gained - : 113
Gender : Male
Age : 20
Location Location : Somalia
View user profile

PostMudu_yare on Mon Dec 07, 2015 9:21 pm

Thank you for you helpful topics
------------
Nimbuzz master keep going forward

avatar
Jabber
Supper mod
Supper mod
Join date : 2012-12-25
Posts : 35
Thanks gained - : 87
Gender : Male
Location Location : nepal
View user profile

PostJabber on Thu Dec 10, 2015 7:14 pm

Post

avatar
piter
Member
Member
Join date : 2016-11-21
Posts : 12
Thanks gained - : 18
View user profile

Postpiter on Fri Nov 25, 2016 12:17 am

thanks

Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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