Free Mod Add Unread Forum Badge

[glennrocksvb]

By default, unread forums on Forum list shows blue speech bubble icon while read forums shows gray speech bubble icon. To make them more noticeable, you can add an "Unread" badge at the end of the forum title.



Simply add this custom CSS in css_additional .css template in AdminCP or Style Editor in Sitebuilder:

For vB5:

/* Unread Forum Badge - START */
.forum-wrapper .b-icon__speech-double-large--blue ~ .forum-title::after,
.forum-wrapper .b-icon__channel-icon:not(.b-icon__channel-icon--read) ~ .forum-title::after {
    content: 'Unread';
    background: red;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 3px;
    margin-left: 5px;
    filter: drop-shadow(1px 1px 2px #333);
    vertical-align: super;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;​
}

.forum-list-container .forum-item .cell-forum > .forum-wrapper> .forum-info > .forum-title {
    display: inline;
}
/* Unread Forum Badge - END */​

For vB6/vBCloud:

/* Unread Forum Badge - START */
.forum-wrapper .unread ~ .forum-title::after {
    content: 'Unread';
    background: red;
    color: #fff;
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 3px;
    margin-left: 5px;
    filter: drop-shadow(1px 1px 2px #333);
    vertical-align: super;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
}

.forum-list-container .forum-item .cell-forum .forum-title {
    margin-left: 0;
}
/* Unread Forum Badge - END */​

Adjust values according to your preferences.

To add the same badge to unread topics, do this one.

Enjoy!

[glennrocksvb]

I have it installed on this site. Please check it on homepage or forum category page.

Btw, if you want to allow forum users to quickly mark a forum channel as read by simply double-clicking the blue speech bubble icon or whatever custom forum icon you're using, then you get this mod at:

https://vbmods.rocks/forum/vbulletin-5-modifications/vbulletin-5-products-and-extensions/24468-double-click-forum-icon-to-mark-read

[oldfan]

I like, I have something like this for thread topics, but not home forum.

[glennrocksvb]

It seems like this mod does not work if custom forum icons are used AND if you are logged in. I'll check if there's a solution for this.

[oldfan]

It seems like this mod does not work if custom forum icons are used AND if you are logged in. I'll check if there's a solution for this.

thanks dude, ive asked vbyilmaz i few times on this forum. but i dont think its very active there..

[glennrocksvb]

I was referring to an issue I found on this mod

[glennrocksvb]

It seems like this mod does not work if custom forum icons are used AND if you are logged in. I'll check if there's a solution for this.

I have updated the CSS code in the first post to fix this issue. Please try it if you are using custom forum icons.

[desmomax]

hy
nice feature

just installed bui i can not see the UNREAD if i am logged in... if i log out i see it

[glennrocksvb]

just installed bui i can not see the UNREAD if i am logged in

Did you update the CSS code in your forum? I updated the code in the first post yesterday.

[desmomax]

Did you update the CSS code in your forum? I updated the code in the first post yesterday.

great... working with new code.
thanx

[Althena]

Hey Glenn, we've installed a few of your mods in our forums, and they all work great, we love them! We are using vBulletin 6.
I installed this mod just as you stated, in the css_additional .css template, but it does not seem to work. However, I noticed this small indent in the formatting of the forums list when it's activated. Here's a before and after. Any ideas?

[glennrocksvb]

Can you post or PM me the link to your forum? I need to inspect the page to be able to investigate the issue.

[Althena]

https://valiantgamers.com/forums. Thank you!

[Althena]

I'll gladly post: https://valiantgamers.com/forums

[glennrocksvb]

I'll check when I get home.

[glennrocksvb]

Althena, I have added the CSS code for vB6 and vBCloud. Please see updated code in the first post.

For those who have installed this mod for vB5 and if you have hover state style for the forum channel links to have underline on hover, you need to get the latest vB5 code in the first post. There were a minor issue in the previous code where if you hover on a forum channel link, the Unread badge inherits the underline style of the link.

[Althena]

Thank you so much, Glenn! You really do rock!