Post by Deleted on Sept 26, 2015 4:16:13 GMT -5
The below code will give your boards a new look from the default layout
Navigate to Admin > Themes > Layout Templates > Board > Board List
There is also some CSS with this Modification
Navigate to Admin > Themes > Advanced Styles & CSS > Style Sheet
Add the code below to the bottom of the stylesheet
Thanks to Tumbleweed for creating this modification for me.
Navigate to Admin > Themes > Layout Templates > Board > Board List
<table class="list" role="grid">
<thead>
<tr>
<th class="icon"></th>
<th class="main">Forum</th>
<th class="threads">Stats</th>
<th class="latest last">Last Update</th>
<th id="my_cust_title">Topic</th>
</tr>
</thead>
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable">
<span class="link">$[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<br />
<p class="description">$[board.description]</p>
{if $[board.num_mods]}
<p class="moderators">
Moderator{if $[board.num_mods] != 1}s{/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}
</p>
{/if}
{if $[board.sub_board]}
<p class="sub-boards">
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if}
</td>
<td class="threads">
<table>
<tr>
<td class="posts" style="padding-right:4px;">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}</td>
<td class="posts">Threads</td>
</tr>
<tr>
<td class="posts" >{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}</td>
<td class="posts">Posts</td>
</tr>
</table>
</td>
<td class="latest last">
<div class="date">$[board.last_thread.last_post.created_on]</div>
<div style="text-align:left!important;">
{if $[board.posts] > 0}
{if $[board.last_thread]} $[board.last_thread.last_post.created_by] replied to
{/if}
{else}
No posts have been made on this board.
{/if}
</div>
</td>
<td id="my_thread_col">
{if $[board.last_thread]}
$[board.last_thread.recent_link]<br />
{/if}
</td>
</tr>
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>
There is also some CSS with this Modification
Navigate to Admin > Themes > Advanced Styles & CSS > Style Sheet
Add the code below to the bottom of the stylesheet
/*css for board revamp*/
.boards .main .description{
margin-top:8px;
}
#my_cust_title{
width:22%;
margin-bottom:-14px;
border-left:1px solid #67676f!important;
}
#my_thread_col {
border-left:1px solid #67676f!important;
vertical-align: middle;
padding: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}Thanks to Tumbleweed for creating this modification for me.
