New Post Indicators

[PandavB]

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
Code:

.z-unread-icon {
float: right;
margin-top: -45px;
position: relative;
right: 75px;
top: 52px;
z-index: 1;
} 

Step 2: Adding Code
Find the following code in display_contenttype_conversationreply_threadview_T ext template
Code:

{vb:set postStatus, ''} 

Right after this line, add on its own line

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> 

If you wish to use the icon in the background of the post instead of the overlay

Step 1: Adding CSS
Add the following to css_additional.css
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;
} 

Step 2: Adding Code
Find the following in display_contenttype_conversationreply_threadview_T ext
Code:

<div class="list-item-body conversation-body"> 

Change it too
Code:

<div class="list-item-body conversation-body <vb:if condition="$user['lastvisit'] <= $conversation['created']">z-unread-bg-icon</vb:if>"> 

If you wish to use the “Spartan” style

Step 1: Adding CSS
Add the following to css_additional.css
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;
} 

Step 2: Adding the code
Find the following in display_contenttype_conversationreply_threadview_T ext
Code:

<div class="list-item-body conversation-body"> 

Change it too
Code:

<div class="list-item-body conversation-body <vb:if condition="$user['lastvisit'] <= $conversation['created']">z-unread-bg-spartan</vb:if>"> 

You need to also upload the icon you want to the images/custom folder