I'm around and round we go
Moderator
Dec 11, 2013 1:47:24 GMT -5
Loaded Thread ModPreview:
Change Layout Templates > Board > Thread List to:
{foreach $[thread]}
<tr id="$[thread.content_id]" class="$[thread.content_class]">
<td class="icon darker">$[thread.icon]</td>
<td class="clickable checkbox">$[thread.checkbox]</td>
<td class="main clickable" title="$[thread.short_content]">
<table width="100%">
<tr>
<td class="avatar_size_quote default">
$[thread.created_by_user.avatar_quote]
</td>
<td class="checkbox">$[thread.icons]</td>
<td>
<div><span class="link target">$[thread]</span> by $[thread.created_by]</div>
<div>$[thread.created_on]</div>
$[thread.labels]
</td>
</tr>
</table>
</td>
<td class="latest darker">
<table width="100%">
<tr>
<td rowspan="2" class="avatar_size_quote default">
$[thread.last_post.created_by.avatar_quote]
</td>
<td rowspan="2" class="checkbox"></td>
<td>By $[thread.last_post.created_by]</td>
</tr>
<tr>
<td width="100%">$[thread.last_post.created_on]</td>
</tr>
</table>
</td>
<td class="replies"><div>$[thread.replies] {if $[thread.num_posts] > 2}replies{elseif $[thread.num_posts] == 1}replies{else}reply{/if}</div>
<sub>{if $[thread.first_post.likes.total] > 0}{if $[thread.first_post.likes.total] == 1}$[thread.first_post.likes.total] like{else}$[thread.first_post.likes.total] likes{/if}{/if}</sub>
</td>
<td class="views darker">$[thread.views] hits</td>
<td class="created-by">{if $[thread.pagination]}<span class="ui-micro-pagination">$[thread.pagination]</span>{/if}</td> </tr>
{/foreach}
{if !$[thread]}
<tr class="last">
<td class="last center" colspan="7">No threads were found.</td>
</tr>
{/if}
You can add this bit to have the darker shaded columns, by either adding it ABOVE everything in Board > Thread List or in your stylesheet.
<style>
.darker { background-color: rgba(0,0,0,0.025); }
</style>
You can also adjust the headings to however you prefer, but I used this brief replacement in Layout Templates > Board
<thead>
<tr class="head">
<th class="icon"><span class="aria-hidden">Status</span> </th>
<th class="checkbox"> </th>
<th class="main">Author and Subject</th>
<th class="latest">Last Post</th>
<th class="replies">Replies</th>
<th class="views">Hits</th>
<th class="created-by">Pages</th>
</tr>
</thead>