Post by mrrosencrantz on Feb 2, 2015 20:08:53 GMT -8
Hello everyone!
So I started using the theme Winter Snowstorm and I really like it -- but I foresee a problem. It doesn't show on the main boards when a new, unread thread or post has been made so I can't easily know when a post has been made. I was wondering if there's any way to add a code for Read/Unread posts. I imagine it would go in the Board List section of the code, which is as follows:
I also noticed if I set a board to be a redirect to a specific post or something, the subboards become a jumbled mess. Can anybody spot the problem causing that as well?
Any help would be greatly appreciated. Thanks for taking a look!
So I started using the theme Winter Snowstorm and I really like it -- but I foresee a problem. It doesn't show on the main boards when a new, unread thread or post has been made so I can't easily know when a post has been made. I was wondering if there's any way to add a code for Read/Unread posts. I imagine it would go in the Board List section of the code, which is as follows:
<style>
.boardurl a, .boardurl a:visited {
font-family: lobster;
font-size: 24px;
text-align: left;
font-weight: normal;
color: #557799;
text-transform: lowercase;
}
.boardurl a:hover {
font-weight: normal;
color: #6688aa;
font-family: lobster;
font-size: 24px;
text-align: left;
text-transform: lowercase;
}
.subboards a, .subboards a:visited {
font-size: 12px;
color: #88aacc;
width: 140px;
display: block;
text-align: center;
background-color: #557799;
padding: 5px;
font-family: arial;
font-size: 9px;
text-transform: uppercase;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.subboards a:hover{
font-size: 12px;
width: 140px;
color: #88aacc;
display: block;
text-align: center;
background-color: #6688aa;
padding: 5px;
font-family: arial;
font-size: 9px;
box-shadow: 2px 2px 2px #888888;
text-transform: uppercase;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.lastpostsection {
background-color: #f5f5f5;
font-family: petit formal script;
font-size: 10px;
text-trasnform: lowercase;
}
.lastpostsection a {
font-family: petit formal script;
font-size: 10px;
text-transform: lowercase;
border-bottom: 1px solid #f1f1f1;
font-weight: normal;
height: 50px;
}
.boarddesc {
background-color: #f5f5f5;
padding: 5px;
text-align: justify;
font-family: calibri, tahoma;
font-size: 12px;
height: 150px;
overflow: auto;
}
.lastpostavatar {
border: 5px solid #f1f1f1;
text-align: right;
padding: 5px;
}
</style>
<table role="grid" width="100%">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
{if $[board.odd] == 1}<tr>{/if}
{if $[board.lastIndex] == $[board.index]}<td valign="top" colspan="3" id="$[board.content_id]" class="$[board.content_class] boardtd">{else}
<td width="50%" id="$[board.content_id]" class="$[board.content_class] boardtd" valign="top">{/if}
<div class="boardurl">$[board]</div>
<table width="100%" cellpadding="5px">
<tr>
<td valign="top" width="65%" style="padding-right: 5px;"><div class="boarddesc">$[board.description]</div>
<div class="lastpostsection"><table><tr><td><div class="lastpostavatar"><a href="$[board.last_thread.created_by.link.href]" title="$[board.last_thread.created_by.name]">$[board.last_thread.created_by.avatar_small] </a></div></td><td>{if $[board.posts] > 0}
{if $[board.last_thread]}<span style="font-size: 20px;">?</span> $[board.last_thread.recent_link] {/if}{/if}</td></tr></table></div></td>
<td valign="top" width="35%" style="padding: 5px;height: 150px;overflow: auto;"><div class="subboards" style="margin-top: -5px;">{if $[board.sub_board]}
{foreach $[board.sub_board]}<div style="padding-bottom: 3px;">$[board.sub_board]</div>{/foreach}
{/if}</div></td></tr>
</table>
<div class="clear"></div>
</td>
{if $[board.odd] == 1}{if $[board.lastIndex] != $[board.index]}<td width="2%"> </td>{/if}{/if}
{if $[board.even] == 1}</tr>{/if}
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<div class="boardurl">$[board]</div>
<table width="100%" cellpadding="5px">
<tr>
<td valign="top" width="65%" style="padding-right: 5px;"><div class="boarddesc">$[board.description]</div>
<div class="lastpostsection"><span>{if $[board.posts] > 0}
{if $[board.last_thread]}$[board.last_thread.recent_link] BY $[board.last_thread.last_post.created_by_user] $[board.last_thread.last_post.date]{/if}{/if}</span></div></td>
<td valign="top" width="35%" style="padding: 5px;height: 150px;overflow: auto;"><div class="subboards" style="margin-top: -5px;">{if $[board.sub_board]}
{foreach $[board.sub_board]}<div style="padding-bottom: 3px;">$[board.sub_board]</div>{/foreach}
{/if}</div></td></tr>
</table>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>
I also noticed if I set a board to be a redirect to a specific post or something, the subboards become a jumbled mess. Can anybody spot the problem causing that as well?
Any help would be greatly appreciated. Thanks for taking a look!