Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

New Post Indicators 1.01

New Post Indicators

  1. XenForo Rocks
    vB Version: 5.0.x

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

    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_Text

    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


    Images

    1. 2013-04-04_18h44_51.jpg
    2. 2013-04-04_21h04_03.png
    3. 2013-04-04_21h04_33.jpg
    4. 2013-04-04_21h15_17.png