Można to też zrobić w szablonach stylu.
Otwórz:
ACP --> Style i Szablony --> Paczki Szablonów --> (WYBRAC TWOJ STYL) --> Widok wątku --> showthread
I zamień całą zawartość swojego szablonu na ten:
<html>
<head>
<title>{$thread['subject']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
var quickdelete_confirm = "{$lang->quickdelete_confirm}";
// -->
</script>
<script type="text/javascript" src="jscripts/thread.js?ver=1603"></script>
</head>
<body>
{$header}
{$pollbox}
<div class="float_left">
{$multipage}
</div>
<div class="float_right">
</div>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">
<tr>
<div class="thread_subject">{$thread['threadprefix']}{$thread['subject']}<span class="rate">{$ratethread}</span><br/> {$newreply}</div>
<br style="clear"></br>
</tr>
{$classic_header}
</table>
<div id="posts">
{$posts}
</div>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="border-top-width: 0;">
<tr>
<td colspan="2" class="belka1">
{$search_thread}
<div>
« <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> »
</div>
</td>
</tr>
</table>
<div class="float_left">
{$multipage}
</div>
<div style="padding-top: 4px;" class="float_right">
{$newreply}
</div>
<br style="clear: both;" />
{$quickreply}
{$threadexbox}
{$similarthreads}
<br />
<div class="float_left">
<ul class="thread_tools">
<li class="printable"><a href="printthread.php?tid={$tid}">{$lang->view_printable}</a></li>
<li class="sendthread"><a href="sendthread.php?tid={$tid}">{$lang->send_thread}</a></li>
<li class="subscription_{$add_remove_subscription}"><a href="usercp2.php?action={$add_remove_subscription}subscription&tid={$tid}&my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a></li>
</ul>
</div>
<div class="float_right" style="text-align: right;">
{$moderationoptions}
{$forumjump}
</div>
<br style="clear: both;" />
{$usersbrowsing}
{$footer}
</body>
</html>
A to dodaj do CSS:
.thread_subject {
background : linear-gradient(to bottom, #FFFFFF 0, rgba(255, 255, 255, 0) 100%) 0 -1px repeat-x #FAFAFA;
border : #DDDDDD solid 1px;
box-shadow : 0 1px 4px rgba(0, 0, 0, 0.102);
padding : 10px;
text-shadow : 0 1px 0 #FFFFFF;
color : #323232;
font-weight : 300;
font-size : 26px;
font-family : "Helvetica", "Arial", sans-serif;
}
.rate {
float : right;
font-size : 12px;
position : relative;
}
Oczywiście grafikę zawsze można zmienić w klasie .thread_subject
.