Info Center Compression

[AngelsRuin]

I'm not 100% sure that this question belongs on the current board, Mods please move it to the proper location if wrong, thanks!

    Hey there,

    I'm currently looking for some help with the look of my new forum. Specifically, the info center set up. I feel that there is a lot of wasted room, and the info center could have a better set up if one moved the "Users Online in the Last 24 Hours" up onto the same line as the "Users Online" grouping. Much like the "Threads and Posts" is beside the "Members" category.

    In my eyes this would minimize the amount of room taken up by the info center and would make it look more uniform to fit the aesthetic that I'm aiming for on my forum. For those that don't quite know what I'm talking about, I've included an image of the info center as it currently is (don't mind the blacked-out parts, it's a precaution for the members already on the forum.) Basically I would like to move the bottom line up one, so it's located on the same line as the one above it, so instead of having three lines, I'd have two lines separated into two columns each.

[Retread]

Aug 16, 2020 11:17:41 GMT -8 AngelsRuin said:

I'm not 100% sure that this question belongs on the current board, Mods please move it to the proper location if wrong, thanks!

    Hey there,

    I'm currently looking for some help with the look of my new forum. Specifically, the info center set up. I feel that there is a lot of wasted room, and the info center could have a better set up if one moved the "Users Online in the Last 24 Hours" up onto the same line as the "Users Online" grouping. Much like the "Threads and Posts" is beside the "Members" category.

    In my eyes this would minimize the amount of room taken up by the info center and would make it look more uniform to fit the aesthetic that I'm aiming for on my forum. For those that don't quite know what I'm talking about, I've included an image of the info center as it currently is (don't mind the blacked-out parts, it's a precaution for the members already on the forum.) Basically I would like to move the bottom line up one, so it's located on the same line as the one above it, so instead of having three lines, I'd have two lines separated into two columns each.

Hi AngelsRuin

In my opinion, you've placed your thread in the correct board.

If I understand correctly, you want to have just two rows in the outer table for Forum Information & Statistics, rather than three. And the final row will have two cells which will have the content that was previously displayed in the bottom two rows which each had only one cell. But you weren't specific about whether the cell that was moved up one row should be on the left or right. So I guessed and put the 'in the Last 24 Hours' on the right.

I think we can accomplish what you need by making a modification to your Home layout template.

Caution: Please make a copy of the entire theme before proceeding.

From your Admin panel, navigate:
Admin Home> Themes> Layout Templates
Select the desired theme using the dropdown to the right of the words: Current Theme
Click on the listing for Home in the column marked: Template Name

Delete all contents in the Home layout template.
Replace them with this:
$[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.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>
<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>
</tr>
                   <tr class="last">
                       <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>
                       <td>
<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}

Click the Save Changes button at the bottom of the page or the Save Theme button near the top of the page.

Please let me know if this gets you where you want to go.

[AngelsRuin]

        That is exactly what I was hoping to do, thank you so very much for your help!