Welcome Guest ! Please   Login or Register


Check out our latest Premium Themes, Majestic , Majestic - Dark and Musk Themes for MyBB 1.8 Click to Shop Now

Now open for Custom Theme requests : Click to Order Now





 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Implementing Board Statistics Icons on Index Page

effone Offline
Junior Member
**

Posts: 14
Joined: Jan 2013
Likes Received : 11

Nationality:

Mood: None

Points: 315.96Points
Post: #1
Implementing Board Statistics Icons on Index Page

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:

[IMG]http://i.imgur.com/S5MHo.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.
(This post was last modified: 01-03-2013 04:38 PM by effone.)
01-03-2013 04:36 PM
Find
2
Quote




Dominic L. Offline
Design the Web
***

Posts: 53
Joined: Aug 2012
Likes Received : 12

Nationality: Undisclosed

Mood: None

Points: 864.70Points
Post: #2
RE: Implementing Board Statistics Icons on Index Page

Thank you to post it Smile Very useful and clean tutorial
01-03-2013 07:35 PM
Find
0
Quote




envira Offline
Doctor Web
*******

Posts: 1,233
Joined: Aug 2012
Likes Received : 299

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 61,202.30Points
Post: #3
RE: Implementing Board Statistics Icons on Index Page

Its good tut,
But instead u have to edit a single line in every template basically to achieve this.
Anyways this is helpful for noobs.
Thank you for posting
regards

[Image: lt79ucY.png]
01-04-2013 08:54 AM
Find
0
Quote




effone Offline
Junior Member
**

Posts: 14
Joined: Jan 2013
Likes Received : 11

Nationality:

Mood: None

Points: 315.96Points
Post: #4
RE: Implementing Board Statistics Icons on Index Page

Yes thats all about adding an extra td and increasing colspan.
Thanks for the comments.
01-04-2013 01:17 PM
Find
0
Quote





Possibly Related Threads...
Thread: Author Replies: Views: Last Post
Star [1.8x] MyBB jQuery User Dropdown Menu with Font Icons and jQuery envira 0 1,098 07-07-2015 12:29 AM
Last Post: envira
  Forum Hover Effect on MyBB Index Page envira 8 4,406 08-17-2014 11:59 PM
Last Post: !!!a

Forum Jump:


User(s) browsing this thread: 1 Guest(s)

About Myskins

MySkins Studio is MyBB Themes Resource Website.

At MySkins Studio, We procreate MyBB Themes both custom MyBB Themes and premium Mybb Themes.We believe in quality and assure you the best MyBB themes at a very reasonable price , that suits your taste.

Feel free to drop in a request and get a quote.