Implementing Board Statistics Icons
#1
[Image: B83FMKD.jpg]

As you can see, we are going to implement three icons: Who's Online, Today's Birthday and Stastics at the Board Statistics area of Index page.

First go to:
ACP > Templates & Styles > Templates > {theme_name} Templates > Index Page Templates > index_birthdays

Replace with:
Code:
<tr><td colspan="2" class="tcat"><span class="smalltext"><strong>{$lang->todays_birthdays}</strong></span></td></tr>
<tr>
<td class="trow1" align="center" valign="center"><img src="{$theme['imgdir']}/bdayicon.png" /></td>
<td class="trow1"><span class="smalltext">{$bdays}</span></td>
</tr>

Next open:
ACP > Templates & Styles > Templates > {theme_name} Templates > Index Page Templates > index_boardstats

Replace with:
Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td  colspan="2" 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  colspan="2" 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 open:
ACP > Templates & Styles > Templates > {theme_name} Templates > Index Page Templates > index_stats

Replace with:
Code:
<tr><td  colspan="2" class="tcat"><span class="smalltext"><strong>{$lang->boardstats}</strong></span></td></tr>
<tr>
<td class="trow1" align="center" valign="center"><img src="{$theme['imgdir']}/staticon.png" /></td>
<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>

If you want to convert your 4 line stats in a 2 line sleek compact look then replace with this code:
Code:
<tr><td  colspan="2" class="tcat"><span class="smalltext"><strong>{$lang->boardstats}</strong></span></td></tr>
<tr>
<td class="trow1" align="center" valign="center"><img src="{$theme['imgdir']}/staticon.png" /></td>
<td class="trow1"><span class="smalltext">
{$lang->stats_posts_threads}
{$lang->stats_mostonline}<br />
{$lang->stats_numusers}
{$lang->stats_newestuser}
</span>
</td>
</tr>

Lastly open:
ACP > Templates & Styles > Templates > {theme_name} Templates > Index Page Templates > index_whosonline

Replace with:
Code:
<tr>
<td  colspan="2" class="tcat"><span class="smalltext"><strong>{$lang->whos_online}</strong> [<a href="online.php">{$lang->complete_list}</a>]</span></td>
</tr>
<tr>
<td class="trow1" align="center" valign="center"><img src="{$theme['imgdir']}/usericon.png" /></td>
<td class="trow1"><span class="smalltext">{$lang->online_note}<br />{$onlinemembers}</span></td>
</tr>

Now place three image icons "bdayicon.png", "staticon.png" & "usericon.png" in your theme image folder.

I'm attaching three icons for your ready use matching with default theme:

[Image: S5MHo.png] [Image: 5grK8.png] [Image: E7SoY.png]

FOR THOSE WHO ARE USING "WHO HAS BEEN ONLINE TODAY" PLUGIN:

Do this edit more:

open this template:
ACP > Templates & Styles > Templates > Global Templates > online_today_index

and add the bold texts exactly how shown:

<tr>
<td colspan="2" class="tcat"><strong>{$lang->whos_online_today}</strong> [<a href="online.php?action=today">{$lang->complete_list}</a>]</td>
</tr>
<tr>
<td class="trow1" align="center" valign="center"><img src="your://new.onlinetoday.icon/path.png" /></td>
<td class="trow1"><span class="smalltext">{$lang->online_note_today}<br />{$onlinemembers}</span></td>
</tr>

Change the underlined icon path with your own.

Save it. Now go back to your "index_boardstats" template and find the variable:
{$whosonline}

and add just after that (if it is not already there):
{$online_today}

Save it and you are done.
Reply