New Post since last visit markers

[AdminAdmin is verified member.]

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

.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_Text template

<br />

Right after this line, add on its own line

<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

.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_Text

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

Change it too

<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

.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_Text

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

Change it too

<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
Download tuoitreit.vn_icons.zip (3.3 Kb)