Step 3: Edit Skin
Log in into ACP: Look & Feel -> Look & Feel -> Manage Skin Sets & Templates -> [choose skin] -> Manage Templates & CSS -> Board Index -> boardIndexTemplate
Find:
<td class='col_c_icon'>
<if test="hasUnread:|:$forum_data['_has_unread']">
<a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&module=forums§ion=markasread&marktype=forum&forumid={$forum_data['id']}&returntoforumid={$this->request['f']}&i=1" base="public"}" data-tooltip="{$this->lang->words['bi_markread']}" class='forum_marker'><img src='{$this->settings['img_url']}/f_icon.png' /></a>
<else />
<img src='{$this->settings['img_url']}/f_icon_read.png' />
</if>
</td>
Change to:
<td class='col_c_icon'>
<if test="hasUnread:|:$forum_data['_has_unread']">
<a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&module=forums§ion=markasread&marktype=forum&forumid={$forum_data['id']}&returntoforumid={$this->request['f']}&i=1" base="public"}" data-tooltip="{$this->lang->words['bi_markread']}" class='forum_marker'><if test="$forum_data['icon'] != '' AND $forum_data['icon'] !='0'">{$forum_data['icon']}<else /><img src='{$this->settings['img_url']}/f_icon.png' /></if></a>
<else />
<if test="$forum_data['icon'] != '' AND $forum_data['icon'] !='0'">{$forum_data['icon']}<else /><img src='{$this->settings['img_url']}/f_icon_read.png' /></if>
</if>
</td>
Find:
ipb.global.registerMarker( "forum_img_{$forum_data['id']}", "{$forum_data['img_new_post']}",
Add above:
<if test="$this->settings['dp3_fi_mode'] == 'replace'">var unreadIcon = "{$forum_data
Now go to Forum View -> forumIndexTemplate
Find:
<td class='col_c_icon'>
<if test="$forum_data['_has_unread']">
<a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&module=forums§ion=markasread&marktype=forum&forumid={$forum_data['id']}&returntoforumid={$this->request['f']}&i=1" base="public"}" data-tooltip="{$this->lang->words['bi_markread']}" class='forum_marker'><img src='{$this->settings['img_url']}/f_icon.png' /></a>
<script type='text/javascript'>
ipb.global.registerMarker( "forum_img_{$forum_data['id']}", "{$forum_data['img_new_post']}", markerURL + "&forumid={$forum_data['id']}" );
</script>
<else />
<img src='{$this->settings['img_url']}/f_icon_read.png' />
</if>
</td>
Change to:
<td class='col_c_icon'>
<if test="$forum_data['_has_unread']">
<a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&module=forums§ion=markasread&marktype=forum&forumid={$forum_data['id']}&returntoforumid={$this->request['f']}&i=1" base="public"}" data-tooltip="{$this->lang->words['bi_markread']}" class='forum_marker'><if test="$forum_data['icon'] != '' AND $forum_data['icon'] !='0'">{$forum_data['icon']}<else /><img src='{$this->settings['img_url']}/f_icon.png' /></if></a>
<script type='text/javascript'>
<if test="$this->settings['dp3_fi_mode'] == 'replace'">var unreadIcon = "{$forum_data['icon_read']}";</if>
ipb.global.registerMarker( "forum_img_{$forum_data['id']}", "{$forum_data['img_new_post']}", markerURL + "&forumid={$forum_data['id']}" );
</script>
<else />
<if test="$forum_data['icon'] != '' AND $forum_data['icon'] !='0'">{$forum_data['icon']}<else /><img src='{$this->settings['img_url']}/f_icon_read.png' /></if>
</if>
</td>