I'm around and round we go
Moderator
Jun 27, 2014 21:10:35 GMT -5
Simple thread layout template, sort of messing with the vBulletin style thread layout.
No CSS, all inline styles to keep it simple
(even though it hurts).
In Layout Templates > Board, replace the
<thead>...</thead> with:
<thead>
<tr class="head">
<th class="latest" style="width: 20%;">Last Post</th>
<th class="main" style="padding-left: 10px; width: 70%;">
<div style="float: left;">Thread / Thread Starter</div>
<div style="float:left; margin-left: 15px; "><del style="font-weight:normal; opacity:.5;">Locked</del></div>
<div style="float:left; padding-left:5px; margin-left:15px; font-weight:normal; border-left:3px solid #006CB7;">Sticky</div>
<div style="float:left; padding-left:5px; margin-left:15px; font-weight:normal; border-left:3px solid #004C97;">Announcement</div>
</th>
<th class="replies" style="width: 5%;">Replies</th>
<th class="views last" style="width: 5%;">Views</th>
</tr>
</thead>
Layout Templates > Board > Thread List, replace ALL with:
{foreach $[thread]}
<tr id="$[thread.content_id]" class="$[thread.content_class]">
<td class="latest" style="width: 20%; background-color: rgba(0,0,0,0.05);"><div style="float: left;">$[thread.last_post.created_by.avatar_quote]</div>$[thread.last_post.created_on]<br>by $[thread.last_post.created_by]</td>
<td class="main clickable" title="$[thread.short_content]" style="{if $[thread.is_announcement]}border-left: 3px solid #004C97;{/if}{if $[thread.is_sticky]}border-left: 3px solid #006CB7; {/if}width: 70%;">
<table width="100%">
<tr>
<td class="checkbox clickable">$[thread.checkbox]</td>
<td width="100%">
<div style="float: right; text-align: right; opacity: 0.5;">
{if $[thread.is_poll]}<div>$[thread.icons.poll.title]</div>{/if}
{if $[thread.is_bookmarked]}<div>$[thread.icons.bookmark.title]</div>{/if}
{if $[thread.is_falling]}<div>Falling</div>{/if}
</div>
<span class="link target">{if $[thread.is_locked]}<del style="opacity: .5;">$[thread.subject]</del>{else}$[thread]{/if}</span> $[thread.icons.new]
{if $[thread.pagination]}<span class="ui-micro-pagination">( $[thread.pagination] )</span>{/if}
<div>$[thread.created_by.name], $[thread.created_on]</div> $[thread.labels]
</td>
</tr>
</table>
</td>
<td class="replies clickable" style="width: 5%; background-color: rgba(0,0,0,0.05);">$[thread.replies]</td>
<td class="views last" style="width: 5%; background-color: rgba(0,0,0,0.05);">$[thread.views]</td>
</tr>
{/foreach}
{if !$[thread]}
<tr class="last">
<td class="last center" colspan="4">No threads were found.</td>
</tr>
{/if}
Nothing fancy, feel free to mess around with it.