MyBB Themes - ThemeFreak
Mini Stats - Printable Version

+- MyBB Themes - ThemeFreak (http://www.themefreak.net)
+-- Forum: MyBB 1.6.x (http://www.themefreak.net/forumdisplay.php?fid=8)
+--- Forum: Theme Information (http://www.themefreak.net/forumdisplay.php?fid=14)
+---- Forum: Tutorials (http://www.themefreak.net/forumdisplay.php?fid=22)
+---- Thread: Mini Stats (/showthread.php?tid=64)

Mini Stats - Jon - 18th Mar

This tutorial will show you how to incorporate mini stats like the ones used here and on other software like IP.Board.

End result
[Image: uExCl.png]

First of all go to Index templates -> index_boardstats

Find
Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['boardstats']}.gif" id="boardstats_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>{$lang->boardstats}</strong></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['boardstats_e']}" id="boardstats_e">
{$whosonline}
{$birthdays}
{$forumstats}
<tr>
    <td class="tfoot" style="text-align: right">
        <span class="smalltext">
            {$logoutlink}
            <a href="misc.php?action=markread{$post_code_string}">{$lang->markread}</a> |
            <a href="showteam.php">{$lang->forumteam}</a> |
            <a href="stats.php">{$lang->forumstats}</a>
        </span>
    </td>
</tr>
</tbody>
</table>
<br />

Replace with
Code:
{$forumstats}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['boardstats']}.gif" id="boardstats_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>{$lang->boardstats}</strong></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['boardstats_e']}" id="boardstats_e">
{$whosonline}
{$birthdays}
<tr>
    <td class="tfoot" style="text-align: right">
        <span class="smalltext">
            {$logoutlink}
            <a href="misc.php?action=markread{$post_code_string}">{$lang->markread}</a> |
            <a href="showteam.php">{$lang->forumteam}</a> |
            <a href="stats.php">{$lang->forumstats}</a>
        </span>
    </td>
</tr>
</tbody>
</table>
<br />

Next go to Index templates -> index_stats

Find
Code:
<tr><td class="tcat"><span class="smalltext"><strong>{$lang->boardstats}</strong></span></td></tr>
<tr>
<td class="trow1"><span class="smalltext">
{$lang->stats_posts_threads}<br />
{$lang->stats_numusers}<br />
{$lang->stats_newestuser}<br />
{$lang->stats_mostonline}
</span>
</td>
</tr>

Replace with
Code:
<div style="text-align: center;">
<span class="statround">{$stats['numposts']}</span> Total Posts
<span class="statround">{$stats['numusers']}</span> Total Members
<span class="statround">$newestmember</span> Newest Member
<span title="{$recorddate}, {$recordtime}"><span class="statround">{$mostonline['numusers']}</span> Most Online</span>
</div>
<br />

Next go to global.css

Add the following code to your stylesheet
Code:
.statround {
    background: #98c22a;
    color: #ffffff;
    padding: 4px 10px;
    margin-left: 20px;
    border-radius: 4px;
}

.statround a:link,
.statround a:visited {
    color: #ffffff;
}

.statround a:hover,
.statround a:active {
    color: #444444;
}

If you would like to display the total amount of threads on your forums add the following code where you would like it to be placed.
Code:
<span class="statround">{$stats['numthreads']}</span> Total Threads

Just adjust the colors to match your current theme and that should be it. Please feel free to make recommendations to improve the code and post your results here.

RE: Mini Stats - avril-more - 4th Apr

Thanks, was very nice.

RE: Mini Stats - MrKarpiuk - 26th May

THX for tutrial Smile


-----------------------------------------------------------------------

First of all go to Index templates -> index_boardstats
Replaced with, when broken a stats in tutorial, paste this :

PHP Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div><strong>{$lang->boardstats}</strong></div>
</td>
</tr>
</thead>
{$whosonline}
{$birthdays}
</tbody>
</table>
<br />
{$forumstats} 


I did not happen correctly and now it Smile

RE: Mini Stats - Xige Time - 24th Jun

Thanks for tutorial Wink

RE: Mini Stats - BadgeR - 26th Sep

Thanks for the awesome tutorial!

How do I make it match the default mybb theme? at the moment it shows color green.

RE: Mini Stats - Tan - 26th Sep

(26th Sep, 05:28 pm)BadgeR Wrote:  Thanks for the awesome tutorial!

How do I make it match the default mybb theme? at the moment it shows color green.

change the background color here

Quote:.statround {
background: #98c22a;
color: #ffffff;
padding: 4px 10px;
margin-left: 20px;
border-radius: 4px;
}


RE: Mini Stats - mcloud - 12th Nov

its work .. thx

RE: Mini Stats - Illyaine - 3rd Oct

Not working in theme reksio Sad((

RE: Mini Stats - MrKarpiuk - 17th Oct

Make all tutorials when dont works in the steps

First of all go to Index templates -> index_boardstats
Replaced with, when broken a stats in tutorial, paste this :


<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div><strong>{$lang->boardstats}</strong></div>
</td>
</tr>
</thead>
{$whosonline}
{$birthdays}
</tbody>


I think fix your stats Smile

RE: Mini Stats - Tan - 22nd Jan

Most of this still applies to mybb 1.8 for those that are curious. The new ThemeFreak theme will be using this type of mini stat look.


We are using the following HTML

Code:
<div style="text-align: center;">
<span class="statround">{$stats['numposts']}</span> Total Posts
<span class="statround">{$stats['numusers']}</span> Total Members
<span class="statround">$newestmember</span> Newest Member
<span title="{$recorddate}, {$recordtime}"><span class="statround">{$mostonline['numusers']}</span> Most Online</span>
</div>
<br />

With this CSS (in the global.css)

Code:
.statround {
    background: #98c22a;
    color: #ffffff;
    padding: 4px 10px;
    margin-left: 20px;
    border-radius: 4px;
}

.statround a:link,
.statround a:visited {
    color: #ffffff;
}

.statround a:hover,
.statround a:active {
    color: #444444;
}