1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. If you want premium products then purchase our VIP or SVIP plans
  3. Dont forget read our rules HERE Also anyone caught Leeching this content or Scamming will be banned on numerous networks.
    Dismiss Notice
  4. Dont forget we do not allow Multiple Accounts, so all of your accounts as well as your IP will be banned.
    Dismiss Notice
  5. Tired of Download Limits ? UPGRADE Today!
    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:
    1,786
    Trophy Points:
    113
    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