Info center remodel

[Eclipse]

Tumbleweed asked me to create a new thread for my request, so here I am.


I would like to have my forum's info center remodelled like this:

Members	Members online
Threads and posts	Members online in the last 24 hours

Could somebody help me with that please?

Thank you in advance.

[Eclipse]

...still waiting

[Tumbleweed]

Aug 3, 2017 10:00:41 GMT -8 Eclipse said:

...still waiting

I'm heading off to my test site to get started on this.   Hopefully, you still need this. Take a look: Test site

Forewarning, I can change the width of those so the online (right) side can be wider but end the end, most people aren't happy with users online and online in the last 24 hours there if they have a lot of members. Just not enough room, which is why ProBoards made them span the whole width.

Up to you and I'll be happy to make changes or if you like it as is, I'll hand over the template coding.

[Eclipse]

Aug 5, 2017 23:02:42 GMT -8 Tumbleweed said:

Aug 3, 2017 10:00:41 GMT -8 Eclipse said:

...still waiting

I'm heading off to my test site to get started on this.   Hopefully, you still need this. Take a look: Test site

Forewarning, I can change the width of those so the online (right) side can be wider but end the end, most people aren't happy with users online and online in the last 24 hours there if they have a lot of members. Just not enough room, which is why ProBoards made them span the whole width.

Up to you and I'll be happy to make changes or if you like it as is, I'll hand over the template coding.

Thank you!

Yup, I would like the right column to be wider. I imagine it should be about 40% - 60%

[Tumbleweed]

O.K. Eclipse ,

I changed the width but you can tweak it further if you want. To do that you'll need to head to your style sheet and on about line 1310 you'll see this....

.stats .content > table > tbody > tr > td:first-child { border-left-width: 0px; width: 40%; }

...so that 40% is for the first cell width which when reduced makes the second cell (right side) larger.



And this posted below replaces the whole "Home" template:




$[news]
{foreach $[category]}
$[category.anchor]
<div class="container boards">
<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>
<div class="content cap-bottom">
$[category.board_list]
</div>
</div>
{/foreach}
{if $[legend]}
<div class="container legend">
<div class="title-bar"><h2>Legend</h2></div>
<div class="content">
<table>
<tr>
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
</tr>
</table>
</div>
</div>
{/if}
{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2>Forum Information & Statistics</h2></div>
<div class="content">
<table>
<tbody>
<tr>
<td>
<table>
<tr>
<td class="icon">$[image.members]</td>
<td class="info">
<table>
<tbody>
<tr><th>Members</th></tr>
<tr><td>Total Members: $[total_members]</td></tr>
<tr><td>Newest Member: $[newest_user]</td></tr>
<tr><td>Most Users Online: $[most_users_online] <span class="small">($[most_users_online_date])</span></td></tr>
<tr><td>$[birthdays_today_link]</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="icon">$[image.online]</td>
<td class="info last">
<table>
<tbody>
<tr><th>Users Online</th></tr>
<tr><td>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, {if $[view_guests_online_link]}<a href="#" class="$[view_guests_online_link.class]">{/if}$[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}{if $[view_guests_online_link]}</a>{/if}.</td></tr>
<tr><td>
{foreach $[online_user]}
$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
{/foreach}
{if $[total_online_not_shown]}
, and <a class="$[view_active_members_link.class]" href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
{/if}
</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
                       </td>
</tr>
<tr>
<td>
<table>
<tr>
<td class="icon">$[image.stats]</td>
<td class="info">
<table>
<tbody>
<tr><th>Threads and Posts</th></tr>
<tr><td>Total Threads: $[total_threads]      Total Posts: $[total_posts]</td></tr>
{if $[last_updated_thread]}<tr><td>Last Updated: $[last_updated_thread.recent_link] by $[last_updated_thread.last_post.created_by] ($[last_updated_thread.last_post.created_on])</td></tr>{/if}
<tr><td>$[recent_threads_link] - $[recent_posts_link]{if $[rss_feed_link]} - $[rss_feed_link]{/if}{if $[mark_boards_read_link]} - $[mark_boards_read_link]{/if}</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>

<td class="last">
<table>
<tr>
<td class="icon">$[image.online_24]</td>
<td class="info last">
<table>
<tbody>
<tr><th>Users Online in the Last 24 Hours</th></tr>
<tr><td>$[total_staff_online_24] Staff, <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] Member{if $[total_members_online_24] != 1}s{/if}</a>, $[total_guests_online_24] Guest{if $[total_guests_online_24] != 1}s{/if}.</td></tr>
<tr><td>
{foreach $[online_user_24]}
$[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]
{/foreach}
{if $[total_online_not_shown_24]}
, and <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
{/if}
</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}




Let me know how it goes and if you need any final tweaks or have questions.

[Eclipse]

Tumbleweed, thanks! I'll let you know if the problems occur

[Eclipse]

I think it looks fine. Thank you again!

[Tumbleweed]

I'm glad I could help. Best of luck with your forum.