This has been tested to work in 5.0.0 and 5.0.1.
How to install Unread Icons for vBulletin 5.0.1
If you wish to use the full icon overlay:
Step 1: Adding CSS
Add the following to css_additional.css
PHP Code:
.z-unread-icon {
float: right;
margin-top: -45px;
position: relative;
right: 75px;
top: 52px;
z-index: 1;
}
Find the following code in display_contenttype_conversationreply_threadview_Text template
PHP Code:
{vb:set postStatus, ''}
PHP Code:
<vb:if condition="$user['lastvisit'] <= $conversation['created']"><div class="z-unread-icon"><img src="{vb:raw vboptions.bburl}/.././images/custom/unread-whatchamajigger4.png" alt="New since your last visit" title="New since your last visit" /></div></vb:if>
Step 1: Adding CSS
Add the following to css_additional.css
PHP Code:
.z-unread-bg-icon {
background-image: url({vb:raw vboptions.bburl}/.././images/custom/unread-background-majigger.png);
background-position: top right;
background-repeat: no-repeat;
}
Find the following in display_contenttype_conversationreply_threadview_Text
PHP Code:
<div class="list-item-body conversation-body">
PHP Code:
<div class="list-item-body conversation-body <vb:if condition="$user['lastvisit'] <= $conversation['created']">z-unread-bg-icon</vb:if>">
Step 1: Adding CSS
Add the following to css_additional.css
PHP Code:
.z-unread-bg-spartan {
background-image: url({vb:raw vboptions.bburl}/.././images/custom/unread-spartan-majigger.png);
background-position: top right;
background-repeat: no-repeat;
}
Find the following in display_contenttype_conversationreply_threadview_Text
PHP Code:
<div class="list-item-body conversation-body">
PHP Code:
<div class="list-item-body conversation-body <vb:if condition="$user['lastvisit'] <= $conversation['created']">z-unread-bg-spartan</vb:if>">