[Template] Threads Above Sub-Boards

[Ty]

Alright so I just created a very simple script here that will make it so that in a Board that contains Sub-Boards, Threads will appear above the Sub-Boards. Proboards default has Sub-Boards displaying above boards and in most cases that is perfect...however there are some cases where I find the need to have the threads on top so you don't have to scroll down through the Sub-Boards or the Sub-Boards may be less significant.

Before you can use the script code you must add a couple lines of code to the Board Layout Template.

The Word for Word Walk Through:

Note: the line numbers may be off if you have made previous modifications to the template

-Start by going to: Admin Home > Structure > Layout Templates

-Click on the template named Board, it should be the second one on the list.

-On Line 1 of the code add <div id="switchSub"> before {if $[board.sub_board_list]}

-On Line 8 put </div> after {/if}

-On Line 9 put <div id="switchThread"> in front of {if $[display_thread_list]}

-On Line 44 put </div> after {/if}

-Save Changes

For Those That Know What You Are Doing:

Just simply put <div id="switchSub"> before the IF statement that loads the sub-boards and make sure you close it with a </div> after the IF statement closes. Do the same for the IF statement that displays threads but with <div id="switchThread"> and make sure to close the div after the if statement closes once again.

For those that like to look at code:

SPOILER: Click to show

RED - indicates code to be added
BLUE - indicates sub-board list if statement
GREEN - indicates thread list if statement

<div id="switchSub">
{if $[board.sub_board_list]}
<div class="container boards">
<div class="title-bar"><h2>Sub-Boards</h2></div>
<div class="content cap-bottom">
$[board.sub_board_list]
</div>
</div>
{/if}
</div>
<div id="switchThread">
{if $[display_thread_list]}
<div{if $[viewing_bookmarks]} id="bookmarks"{/if} class="container threads">
<div class="title-bar">
{if $[create_thread_button]}
<ul class="controls"><li>$[create_thread_button]</li></ul>
{/if}
<h1>$[board.display_name]</h1>
</div>
<div class="control-bar ui-helper-clearfix $[scroll_class]">
$[search]
<div class="controls">
$[selection_menu]
$[action_menu]
</div>
$[pagination]
</div>
<div class="content cap-bottom">
<table class="list">
<thead>
<tr class="head">
<th class="icon"><span class="aria-hidden">Status</span>&nbsp;</th>
<th class="checkbox">&nbsp;</th>
<th class="main">Subject</th>
<th class="created-by">Created By</th>
<th class="replies">Replies</th>
<th class="views">Views</th>
<th class="latest last">Last Post</th>
</tr>
</thead>
<tbody class="$[list_class]">
$[thread_list]
</tbody>
</table>
</div>
</div>
{/if}
</div>

Once You Have All of That You Can Use the Script Below to Actually switch around the placement of the Sub-Boards and Threads:

Every Board - Copy and paste the script below into your Global Footer to apply it to every board.
Certain Boards - If you only wish to have it applied to certain boards then copy and paste it into the Footer of those Boards instead.

<script>

var subBoards = document.getElementById("switchSub").innerHTML;
var theThreads = document.getElementById("switchThread").innerHTML;

document.getElementById("switchSub").innerHTML = theThreads;
document.getElementById("switchThread").innerHTML = subBoards;

</script>

[tunescool]

i had this for awhile and was doing stuff in my templates and it doesnt work anymore, the sub boards dont show up, i have the code in the boards footers can someone help

<div id="switchSub">
    {if $[board.sub_board_list]}
    <div class="container boards">
        <div class="title-bar"><h2 style="padding-left:100px;"><i>Sub Boards</i></h2></div>
        <div class="content cap-bottom">
            $[board.sub_board_list]
        </div>
    </div>
{/if}
</div>
<div id="switchThread">
{if $[display_thread_list]}
    <div{if $[viewing_bookmarks]} id="bookmarks"{/if} class="container threads">
        <div class="title-bar">
            {if $[create_thread_button]}
            {if $[current_user.is_member]}<ul class="controls" style="font-size:11px; !important font-weight:bold; padding-right:15px; padding-top:-1px;"><li><a href="$[create_thread_button.href]"><b>New Thread</b></a></li></ul>{/if}
            {/if}
            <h1 style="padding-left:100px;"><i>$[board.display_name]</i></h1>
        </div>

[tunescool]

bump

[Ty]

Could you try copying and pasting the entire code that you have so I can take a gander at it?

[tunescool]

i figured it out just now thanks

[Ty]

Oh alright then, cool

[tunescool]

its screwed up again, the sub boards are below the shoutbox. if i put a <div> after that if my board/infocenter mod breaks

thenotablenook.com/board/3

<div id="switchSub">
    {if $[board.sub_board_list]}
    <div class="container boards">
        <div class="title-bar"><h2 style="padding-left:100px;"><i>Sub Boards</i></h2></div>
        <div class="content cap-bottom">
            $[board.sub_board_list]
        </div>
    </div>
{/if}
</div>
<div id="switchThread">
{if $[display_thread_list]}
    <div{if $[viewing_bookmarks]} id="bookmarks"{/if} class="container threads">
        <div class="title-bar">
            {if $[create_thread_button]}
            {if $[current_user.is_member]}<ul class="controls" style="font-size:11px; !important font-weight:bold; padding-right:15px; padding-top:-1px;"><li><a href="$[create_thread_button.href]"><b>New Thread</b></a></li></ul>{/if}
            {/if}
            <h1 style="padding-left:100px;"><i>$[board.display_name]</i></h1>
        </div>
        <div class="control-bar ui-helper-clearfix">
            $[search]
            <div class="controls">
                $[selection_menu]
                $[action_menu]
            </div>
            $[pagination]
        </div>
        <div class="content cap-bottom" style="border-width: 0; border-radius: 0px;">
            <table class="list">
                <tbody class="$[list_class]">
                    $[thread_list]
                </tbody>
            </table>
        </div>
{/if}
        <div class="control-bar ui-helper-clearfix"><h2>
<div class="bottompage" style="border-collapse: separate; border-spacing: 0px; border-left: medium none; border-top: 1px none; border-bottom: 0px; color: transparent; padding-top:2px;">$[pagination] <div style="float:right; padding-right:25px; padding-top:5px;"><li>{if $[current_user.is_member]}<a style="font-weight:bold; !important"href="$[create_thread_button.href]"><span style="font-size:11px; color: #000000; font-weight: bold;">New Thread</span></a>{/if}</li></div></h2></div>
{if $[board.id]}{if $[show_stats]}
    <div class="container stats"><div class="content" style="border-radius: 0px 0px 0px 0px;">
            <table>
              <hr width="100%" size="1" style="margin: 0px 0px;">
                <tbody>
                    <tr{if !$[show_users_viewing]} class="last"{/if}>
                        <td>
                            <table>
                                <tr>
                                    <td class="info">
                                        <table>
                                            <tbody>
                                                <tr><td style="padding-left:10px;">Total Threads - {if $[total_threads] == -1}N/A{else}$[total_threads]{/if}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Total Posts - {if $[total_posts] == -1}N/A{else}$[total_posts]{/if}</td></tr>
                                                <tr><td style="padding-left:10px;">Board Moderators{if $[board.num_mods] != 1}{/if} - {foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}</td></tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td>
                            <table>
                                <tr>
                                    <td class="icon"></td>
                                    <td class="info last">
                                        <table>
                                            <tbody>
                                    <!-- Top Rite TD -->
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    {if $[show_users_viewing]}
                        <tr class="last">
                            <td colspan="2">
                                <table>
                                    <tr>
                                        <td class="info last">
                                            <table>
                                                <tbody>
                                                    <tr><th style="padding-left:10px;"><b><u>Users Viewing</u></b></th></tr>
                                                    <tr><td style="padding-left:10px;">$[total_board_staff] Staff, $[total_board_members] Member{if $[total_board_members] != 1}s{/if}, $[total_board_guests] Guest{if $[total_board_guests] != 1}s{/if}</td></tr>
                                                    <tr><td style="padding-left:10px;">
                                                        {foreach $[board_user]}
                                                            $[board_user]{if $[board_user.invisible]} <span class="small">(invisible)</span>{/if}$[board_user.comma]
                                                        {/foreach}
                                                        {if $[total_online_not_shown] > 0}
                                                            , and <a href="$[view_active_members_link.href]" class="$[view_active_members_link.class]">$[total_online_not_shown] more...</a>
                                                        {/if}
                                                       </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                              <hr width="100%" size="1" style="padding-top: 35px; margin: 0px 0px;">
                            </td>
                        </tr>
                    {/if}
                </tbody>
            </table>
        </div>
<!-- START FORUM JUMP -->
<table width="994px" align="center" style="border-radius: 0px 0px 10px 10px;">
<tbody><tr><td align="right" class="tablejump" style="border-spacing: 0px; border-top: 0px none; padding-bottom: 5px; border-radius: 0px 0px 10px 10px; border-collapse: separate; background-color: #FFFFFF" onclick="tst=document.getElementById('forHideShow'); tst.style.display=(tst.style.display=='' ? 'none' : ''); this.style.borderRadius=(this.style.borderRadius=='0px 0px 10px 10px' ? '0px' : '0px 0px 10px 10px');"><font size="1" color="000000" style="padding-right:25px;"><b><i>Forum Jump</i></b></font></td></tr>
<tr id="forHideShow" style="display: none;"><td class="tablejump">
<!-- START EDITABLE CONTENT -->
<div style="overflow: hidden; background-color: #FFFFFF; border-radius: 0px 0px 10px 10px;">
    <table width="994px" style="border-collapse: separate; border-spacing: 0px; border-top: 0px none; border-right: medium none;" class="tablejump">
<tbody><tr>
<td width="11%" class="tablejump" valign="top" style="border-top: 0px none; padding-bottom: 1px; padding-top: 1px;">
<font size="2" color="#000000" style="font-weight:bold; padding-left:5px">
Nook Related
<hr width="100%" color="00138E" style="margin: 1px 0px;">
</font>

<a style="padding-left:5px"href="http://thenotablenook.com"><font size="1" color="#0000BB"><b>Notable Nook</b></font></a><br>
<hr width="100%" color="00138E" style="margin: 1px 0px;">
<a style="padding-left:5px"href="http://thenotablenook.com/board/4"><font size="1" color="#0000BB"><b>Forum Assembly</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/50"><font size="1" color="#0000BB"><b>Staff Applications</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/38"><font size="1" color="#0000BB"><b>Introductions</b></font></a><br />

</td>
<td width="13%" class="tablejump" valign="top" style="border-top: 0px none; padding-top: 1px;">
<font size="2" color="#000000" style="font-weight:bold; padding-left:5px">
All Celebs
<hr width="100%" color="00138E" style="margin: 1px 0px;">
</font>

<a style="padding-left:5px"href="http://thenotablenook.com/board/7"><font size="1" color="#0000BB"><b>Celebs A Thru M</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/8"><font size="1" color="#0000BB"><b>Celebs N Thru Z</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/39"><font size="1" color="#0000BB"><b>Multiple/Misc Celebs</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/37"><font size="1" color="#0000BB"><b>Male Celebs</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/58"><font size="1" color="#0000BB"><b>Vids And Clips</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/3"><font size="1" color="#0000BB"><b>All Celeb Archives</b></font></a><br />

</td>
<td width="12" class="tablejump" valign="top" style="border-top: 0px none; padding-top: 1px;">
<font size="2" color="#000000" style="font-weight:bold; padding-left:5px">
Featured Celebs
<hr width="100%" color="00138E" style="margin: 1px 0px;">
</font>

<a style="padding-left:5px"href="http://thenotablenook.com/board/28"><font size="1" color="#0000BB"><b>Evan Rachel Wood</b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/23"><font size="1" color="#000000"><b><i>Evan Talk</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/22"><font size="1" color="#000000"><b><i>Evan Vids</i></b></font></a><br />
<hr width="100%" color="00138E" style="margin: 1px 0px;">
<a style="padding-left:5px"href="http://thenotablenook.com/board/19"><font size="1" color="#0000BB"><b>Emma Roberts</b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/20"><font size="1" color="#000000"><b><i>Emma Talk</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/18"><font size="1"><b><i>Emma Vids</i></b></font></a><br />

</td>
<td width="13%" class="tablejump" valign="top" style="border-top: 0px none; padding-top: 1px;">
<font size="2">
<br>
<hr width="100%" color="00138E" style="margin: 1px 0px;">
</font>

<a style="padding-left:5px"href="http://thenotablenook.com/board/41"><font size="1" color="#0000BB"><b>Mary Kate And Ashley</b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/43"><font size="1" color="#000000"><b><i>MKA Talk</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/42"><font size="1" color="#000000"><b><i>MKA Fashion</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/44"><font size="1" color="#000000"><b><i>MKA Vids</i></b></font></a><br />
<hr width="100%" color="00138E" style="margin: 1px 0px;">
<a style="padding-left:5px"href="http://thenotablenook.com/board/31"><font size="1" color="#0000BB"><b>Lindsay And Ali Lohan</b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/36"><font size="1" color="#000000"><b><i>Lindsay And Ali Talk</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/32"><font size="1" color="#000000"><b><i>Lindsay And Ali Vids</i></b></font></a><br />

</td>
<td width="14%" class="tablejump" valign="top" style="border-top: 0px none; padding-top: 1px;">
<font size="2">
<br>
<hr width="100%" color="00138E" style="margin: 1px 0px;">
</font>

<a style="padding-left:5px"href="http://thenotablenook.com/board/13"><font size="1" color="#0000BB"><b>Emily Osment</b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/16"><font size="1" color="#000000"><b><i>Emily Talk</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/15"><font size="1" color="#000000"><b><i>Emily Vids</i></b></font></a><br />
<hr width="100%" color="00138E" style="margin: 1px 0px;">
<a style="padding-left:5px"href="http://thenotablenook.com/board/9"><font size="1" color="#0000BB"><b>Dakota And Elle Fanning</b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/12"><font size="1" color="#000000"><b><i>Dakota And Elle Talk</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/11"><font size="1" color="#000000"><b><i>Dakota And Elle Vids</i></b></font></a><br />

</td>
<td width="9%" class="tablejump" valign="top" style="border-top: 0px none; padding-top: 1px;">
<font size="2">
<br>
<hr width="100%" color="00138E" style="margin: 1px 0px;">
</font>

<a style="padding-left:5px"href="http://thenotablenook.com/board/59"><font size="1" color="#0000BB"><b>Emma Watson</b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/62"><font size="1" color="#000000"><b><i>Emma Talk</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/61"><font size="1" color="#000000"><b><i>Emma Vids</i></b></font></a><br />
<hr width="100%" color="00138E" style="margin: 1px 0px;">
<a style="padding-left:5px"href="http://thenotablenook.com/board/54"><font size="1" color="#0000BB"><b>Vicki Justice</b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/56"><font size="1" color="#000000"><b><i>Vicki Talk</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/57"><font size="1" color="#000000"><b><i>Vicki Vids</i></b></font></a><br />

</td>
<td width="12%" class="tablejump" valign="top" style="border-top: 0px none; padding-top: 1px;">
<font size="2" color="#000000" style="font-weight:bold; padding-left:5px">
Reception Area
<hr width="100%" color="00138E" style="margin: 1px 0px;">
</font>

<a style="padding-left:5px"href="http://thenotablenook.com/board/2"><font size="1" color="#0000BB"><b>Anything Goes</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/26"><font size="1" color="#0000BB"><b>Leisure Room</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/33"><font size="1" color="#0000BB"><b>Link Exchange</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/51"><font size="1" color="#0000BB"><b>Personal Threads</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/29"><font size="1" color="#0000BB"><b>Graphics</b></font></a><br />

</td>
<td width="15%" class="tablejump" valign="top" style="border-top: 0px none; padding-top: 1px;">
<font size="2" color="#000000" style="font-weight:bold; padding-left:5px">
Conversation Rooms
<hr width="100%" color="00138E" style="margin: 1px 0px;">
</font>

<a style="padding-left:5px"href="http://thenotablenook.com/board/6"><font size="1" color="#0000BB"><b>Celeb Talk</b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/45"><font size="1" color="#000000"><b><i>Movies</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/53"><font size="1" color="#000000"><b><i>TV</i></b></font></a><br />
<a style="padding-left:10px"href="http://thenotablenook.com/board/52"><font size="1" color="#000000"><b><i>Music</i></b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/46"><font size="1" color="#0000BB"><b>News And Current Events</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/30"><font size="1" color="#0000BB"><b>Internet And Computers</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/34"><font size="1" color="#0000BB"><b>Literature</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/25"><font size="1" color="#0000BB"><b>Fashion</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/49"><font size="1" color="#0000BB"><b>Sports</b></font></a><br />
<a style="padding-left:5px"href="http://thenotablenook.com/board/5"><font size="1" color="#0000BB"><b>Home And Car Audio</b></font></a><br />

<br>
</td>
</tr>
</tbody></table>
</div>
<!-- END EDITABLE CONTENT -->
</td></tr>
</tbody></table>      
<!-- END FORUM JUMP -->
    </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
$[shoutbox]

[Ty]

It looks like you did not close this div: <div id="switchThread">

You need to put a </div> after the {/if}

[tunescool]

i tried that like an hour ago, it doesnt change the position of the sub boards and it breaks up my mod

[Welshling]

My sub boards don't show up either, when i add in the footers part. SO i have removed that part for now, but could you take a look at the template area below for me please?

SPOILER: Click to show

<div id="switchSub">{if $[board.sub_board_list]}
<div class="container boards">
<div class="title-bar"><h2>Sub-Boards</h2></div>
<div class="content cap-bottom">
$[board.sub_board_list]
</div>
</div>
{/if}<div>
<div id="switchThread">
{if $[display_thread_list]}
<div{if $[viewing_bookmarks]} id="bookmarks"{/if} class="container threads">
<div class="title-bar">
{if $[create_thread_button]}
<ul class="controls"><li>$[create_thread_button]</li></ul>
{/if}
<h1>$[board.display_name]</h1>
</div>
<div class="control-bar ui-helper-clearfix $[scroll_class]">
$[search]
<div class="controls">
$[selection_menu]
$[action_menu]
</div>
$[pagination]
</div>
<div class="content cap-bottom">
<table class="list">
<thead>
<tr class="head">
<th class="icon"><span class="aria-hidden">Status</span> </th>
<th class="checkbox"> </th>
<th class="main">Subject</th>
<th class="created-by">Created By</th>
<th class="replies">Replies</th>
<th class="views">Views</th>
<th class="latest last">Last Post</th>
</tr>
</thead>
<tbody class="$[list_class]">
$[thread_list]
</tbody>
</table>
</div>
</div>
{/if}</div>

{if $[thread_count] > 0}
{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}

{if $[board.id]}{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2>Board Information & Statistics</h2></div>
<div class="content">
<table>
<tbody>
{if $[board.description]}
<tr>
<td colspan="2">
<table>
<tr>
<td class="icon">$[image.description]</td>
<td class="info last">
<div class="board-name">$[board.name]</div>
<div class="board-description">$[board.description]</div>
</td>
</tr>
</table>
</td>
</tr>
{/if}
<tr{if !$[show_users_viewing]} class="last"{/if}>
<td>
<table>
<tr>
<td class="icon">$[image.stats]</td>
<td class="info">
<table>
<tbody>
<tr><th colspan="2">Threads and Posts</th></tr>
<tr><td>Total Threads:</td><td>{if $[total_threads] == -1}N/A{else}$[total_threads]{/if}</td></tr>
<tr><td>Total Posts:</td><td>{if $[total_posts] == -1}N/A{else}$[total_posts]{/if}</td></tr>
{if $[board.moderators_link]}<tr><td colspan="2">This board has $[board.moderators_link]</td></tr>{/if}
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="icon">$[image.members]</td>
<td class="info last">
<table>
<tbody>
<tr><th colspan="1">On This Board</th></tr>
<tr><td>You <strong>can{if !$[can.create_threads]}not{/if}</strong> create threads.</td></tr>
<tr><td>You <strong>can{if !$[can.reply_to_threads]}not{/if}</strong> reply to threads.</td></tr>
<tr><td>You <strong>can{if !$[can.create_polls]}not{/if}</strong> create polls.</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
{if $[show_users_viewing]}
<tr class="last">
<td colspan="2">
<table>
<tr>
<td class="icon">$[image.online]</td>
<td class="info last">
<table>
<tbody>
<tr><th>Users Viewing</th></tr>
<tr><td>$[total_board_staff] Staff, $[total_board_members] Member{if $[total_board_members] != 1}s{/if}, $[total_board_guests] Guest{if $[total_board_guests] != 1}s{/if}.</td></tr>
<tr><td>
{foreach $[board_user]}
$[board_user]{if $[board_user.invisible]} <span class="small">(invisible)</span>{/if}$[board_user.comma]
{/foreach}
{if $[total_online_not_shown] > 0}
, and <a href="$[view_active_members_link.href]" class="$[view_active_members_link.class]">$[total_online_not_shown] more...</a>
{/if}
</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
{/if}
</tbody>
</table>
</div>
</div>
{/if}{/if}