1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Please donate today & help us with our growing server costs or buy premium for access to our premium products
    Dismiss Notice

Free New Post Indicators

Discussion in 'vBulletin Template Mods & Extras' started by HAWK, Mar 23, 2016.

  1. HAWK

    HAWK Administrator Staff Member ADMIN

    Likes Received:
    841
    Trophy Points:
    113
    Gender:
    Male
    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_T ext template:
    {vb:set postStatus, ''}

    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_T ext
    <div class="list-item-body conversation-body">

    Change it to:


    <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_T ext
    <div class="list-item-body conversation-body">

    Change it to:



    <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
     

Share This Page

Post thread