3.1.x Extensions Database 3.1 / 3.2 ⇒ Top Stats

[dmzx]

Extension Name: Top Stats
Author: Stoker PhpBB3 BBCodes - Forum extension by dmzx Special thanks to Sniper_E and martin

Extension Description:

The Top Stats mod displays the some cool stats on your forum index.
ACP Control included

Features:
* Displays the 5 (configurable) most recent topics at the top of the forum index.
* Jquery Scroll option of most recent topics with options for speed and interval
* Jquery Ticker option of most recent topics
* Displays the 5 (configurable) most viewed topics at the bottom of the forum index
* Displays the 5 (configurable) most active users at the bottom of the forum index
* Displays the 5 (configurable) most active forums at the bottom of the forum index
* Displays the 5 (configurable) last visited bots at the bottom of the forum index
* Displays the 5 (configurable)last registered users at the bottom of the forum index
* ACP Control for enable/disable features and configuration of the number of replied topics




Move buttons inside forabg thanks martin
Update top_stats_body.html and topstats.css for responsive view thanks Sniper_E


Screenshots:

acptopstats.png

topstats.png

topstat_recent_active.png

Extension Download:

Download-link

Top Stats v1.0.1

Installation:

1. Download the latest release.
2. Unzip the downloaded release, and change the name of the folder to `topstats`.
3. In the `ext` directory of your phpBB board, create a new directory named `dmzx` (if it does not already exist).
4. Copy the `topstats` folder to `/ext/dmzx/` if done correctly, you'll have the main extension class at
   (your forum root)/ext/dmzx/topstats/composer.json
5. Navigate in the ACP to `Customise -> Manage extensions`
6. Look for `Top Stats` under the Disabled Extensions list, and click its `Enable` link.

[luca17000]

Hello

Good job !!

For the French user

Top Stats.fr.zip

Enjoy

[dmzx]

Hello

Good job !!

For the French user

Top Stats.fr.zip

Enjoy

Thanks updated!

[martin]

Made a small change i moved the buttons so it looks better i also left enough room for the collapse icon if it's installed.

2.png

Open ext/dmzx/topstats/styles/prosilver/template/recent_active_body.html

and

Replace with Replace the preceding lines with the following

Code: Select all

<div class="forabg">
   <div class="inner">
   <ul class="topiclist">
      <li class="header">
         <dl class="icon">
            <dt>{TSRAT_NUMBER} {L_RECENT_ACTIVE}</dt>
               <dd class="topics">{L_REPLIES}</dd> 
            <dd class="posts">{L_VIEWS}</dd>
            <dd class="lastpost"><span>{L_LAST_POST}</span></dd>
         </dl>
      </li>
   </ul>
   <!-- IF S_TS_JSSCROLL and TS_JSSCROLL_NAVIGATION and not S_TS_TICKER -->
<div style="position: relative; float:right; padding-right:40px; margin-top: -21px; height:17px;"><a href="#" title="Previous" id="ticker-previous"><img src="ext/dmzx/topstats/styles/prosilver/theme/images/player_rew.png" alt="Previous" height="16" width="16"></a> <a href="#" title="Next" id="ticker-next"><img src="ext/dmzx/topstats/styles/prosilver/theme/images/player_fwd.png" alt="Next" height="16" width="16"></a> <a href="#" title="Stop" id="stop"><img src="ext/dmzx/topstats/styles/prosilver/theme/images/player_pause.png" alt="Stop" height="16" width="16"></a> <a href="#" title="Start" id="start"><img src="ext/dmzx/topstats/styles/prosilver/theme/images/player_play.png" alt="Start" height="16" width="16"></a></div>
<!-- ENDIF -->
   <ul <!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->id="vertical-ticker" <!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->id="news" <!-- ENDIF -->class="topiclist forums">
      <!-- IF S_TS_JSSCROLL or not S_TS_TICKER -->
      <!-- BEGIN recent_active -->
      <li class="row">
      <dl class="icon" style="background-image: url(ext/dmzx/topstats/styles/prosilver/theme/images/starimg.png); background-repeat: no-repeat;">
      <dt>
      <div class="list-inner">
         <a href="{recent_active.U_FIRST_TOPIC}" class="forumtitle">{recent_active.TOPIC_TITLE}</a><br />
         {L_POST_BY_AUTHOR} <a style="font-weight:bold; color: #{recent_active.TOPIC_FIRST_POSTER_COLOUR};" href="{recent_active.USERNAME_FIRST}">{recent_active.TOPIC_FIRST_POSTER_NAME}</a> {L_IN} <a href="{recent_active.FORUM_URL}">{recent_active.FORUM_NAME}</a> {recent_active.TOPIC_TIME}
      </div>
      </dt>
        <dd class="topics">{recent_active.TOPIC_REPLIES}</dd>
      <dd class="posts">{recent_active.TOPIC_VIEWS}</dd>
      <dd class="lastpost"><span>
         {L_POST_BY_AUTHOR} <a style="font-weight:bold; color: #{recent_active.TOPIC_LAST_POSTER_COLOUR};" href="{recent_active.USERNAME_LAST}">{recent_active.TOPIC_LAST_POSTER_NAME}</a> <a href="{recent_active.U_LAST_TOPIC}">{LAST_POST_IMG}</a><br />{recent_active.TOPIC_LAST_POST_TIME}</span>
      </dd>
      </dl>
      </li>
      <!-- END recent_active -->
      <!-- ELSEIF S_TS_TICKER -->
      <li class="row">
      <!-- BEGIN recent_active -->
      <dl class="icon" style="background-image: url(ext/dmzx/topstats/styles/prosilver/theme/images/starimg.png); background-repeat: no-repeat;">
      <dt>
      <div class="list-inner">
         <a href="{recent_active.U_FIRST_TOPIC}" class="forumtitle">{recent_active.TOPIC_TITLE}</a><br />
         {L_POST_BY_AUTHOR} <a style="font-weight:bold; color: #{recent_active.TOPIC_FIRST_POSTER_COLOUR};" href="{recent_active.USERNAME_FIRST}">{recent_active.TOPIC_FIRST_POSTER_NAME}</a> {L_IN} <a href="{recent_active.FORUM_URL}">{recent_active.FORUM_NAME}</a> {recent_active.TOPIC_TIME}
      </div>  
      </dt>
        <dd class="topics">{recent_active.TOPIC_REPLIES}</dd> 
      <dd class="posts">{recent_active.TOPIC_VIEWS}</dd>
      <dd class="lastpost"><span>
         {L_POST_BY_AUTHOR} <a style="font-weight:bold; color: #{recent_active.TOPIC_LAST_POSTER_COLOUR};" href="{recent_active.USERNAME_LAST}">{recent_active.TOPIC_LAST_POSTER_NAME}</a> <a href="{recent_active.U_LAST_TOPIC}">{LAST_POST_IMG}</a><br />{recent_active.TOPIC_LAST_POST_TIME}</span>
      </dd>
      </dl>
      <!-- END recent_active -->
      </li>
      <!-- ENDIF -->
   </ul>
   </div>
</div>

Edit:
play with this part <div style="position: relative; float:right; padding-right:40px; margin-top: -21px; height:17px;"> to move buttons to suit you.

Dont use the collapse icon ? then

Find This may be a partial find and not the whole line

Code: Select all

<div style="position: relative; float:right; padding-right:40px; margin-top: -21px; height:17px;">

Replace with Replace the preceding lines with the following

Code: Select all

<div style="position: relative; float:right; padding-right:5px; margin-top: -21px; height:17px;">

to move the buttons over as in the image bellow.

3.png

[luca17000]

Thk soo much !! very Nice !

[martin]

Your welcome but i have another nice bit to add so i'l prob bring it up a version with dmzx permission.

[luca17000]

No problem for me .. I know how to wait...

[martin]

Edited my post a few time with a few choices click >> Top Stats

[luca17000]

http://luca-depann.livehost.fr/index.php

It's good for me ^^

[martin]

You might want to change -21px to 18 or 19 to drop the buttons a little lower as your forabg is wide.

[luca17000]

Good Idea !! i think -18 it's good ..

[martin]

-19 to be in the middle i think but your choice.

[luca17000]

Yes .. !! lol

[Jaantje]

martin thanx

[Midway]

Very nice thanks