Add Unread Forum Badge

[puertoblack2003]

Is there any setting I need to to activate to show the icon when its unread? it only shows when I'm logged out

[glennrocksvb]

Are you sure there are unread posts from that forum when logged in? Do you see the forum icon next to the forum name as "active" and not grayed out? The forum badge should match the active forum icon if present.

.

[puertoblack2003]

even though it worked, I noticed that when i click on new topic, I'm getting this notice that I reported to vb (https://forum.vbulletin.com/forum/vb...st#post4495989) so I had to revert back.

so the first vb5 code worked, weird

/* 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 */​​

[flohse]

I am trying to localize the unread badge via phrases, but unfortunately have no success.

Can please someone help me to figure it out?

I am using english and german language on the forum. English is the default language. The phrase vbmods_rocks_unreadforumbadge has been created in the AdminCP (see below).



This has been added in css_additional.css.

/*************** Unread Forum Badge ***************/

.forum-wrapper .unread ~ .forum-title::after {
    content: '{vb:phrase vbmods_rocks_unreadforumbadge}';
    background: #FCF7D7;
    color: #606040;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 3px;
    border-radius: 3px;
    margin-left: 10px;
    filter: drop-shadow(1px 1px 2px #333);
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
}

.forum-list-container .forum-item .cell-forum .forum-title {
    margin-left: 0;
}
​

The badge is shown always in english independently of which language is chosen.

english:

german:

Any idea?

Help is greatly appreciated.

[glennrocksvb]

The phrase vbmods_rocks_unreadforumbadge has been created in the AdminCP (see below).

Where is the screenshot?

[flohse]

Hello Glenn,

please see pictures.




Do you need anything else?

[flohse]

Hello Glenn,

this is strange. I definitely pasted 2 screenshots in my last post. One is now missing. In post #19 I have pasted 3 more screenshots than currenty are visible. Now I will attach these screenshots instead of pasting.

Frank

[glennrocksvb]

Sorry for the late reply. Are you caching template as files? Try turning it off and on again. If that doesn't fix it, I will need the URL to your forum so I can take a look.

[Phoenix]

Hello,
I would like to report that your code does not work correctly on VBulletin 5.7.5.
It correctly displays the red square, but the text does not appear.
Could you please fix the issue or provide me with a solution?
Thank you in advance.
Best regards,

[Snowhog]

Works fine on our Forum, and we run 5.7.5 PL 3. What it looks like to me, is the text color for the button is set to the same color as the button color; red.

[Phoenix]

Works fine on our Forum, and we run 5.7.5 PL 3. What it looks like to me, is the text color for the button is set to the same color as the button color; red.

Hello, thank you for your response and your assistance. Here is my code, and I am really trying to understand where the issue might be coming from. Once again, thank you for your help. Best regards.

/* 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: 'Nouveau';
    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 */​

[Snowhog]

Other than your content: 'Nouveau'; line, the code is identical to what we have.

In the image you provided, you are using a 'Dark' Style for your forum. Have you tried switching to a Light Styled theme to see if, by chance, it makes a difference? IF it does; the button text appears; then there is a conflicting variable for text somewhere in the Dark Style you are using, I think. Glenn will know much more on this than I do.

[Phoenix]

Other than your content: 'Nouveau'; line, the code is identical to what we have.

In the image you provided, you are using a 'Dark' Style for your forum. Have you tried switching to a Light Styled theme to see if, by chance, it makes a difference? IF it does; the button text appears; then there is a conflicting variable for text somewhere in the Dark Style you are using, I think. Glenn will know much more on this than I do.

Hello, I sincerely thank you for your help. Yes, I do have a black and blue theme. The issue is that the "New Topic" button works perfectly for topics, but not for the forums, which leaves me quite puzzled. I will wait for the person who developed the code to assist me, but once again, thank you very much for your invaluable help.

[Gazza]

Are you no longer using this mod?

[glennrocksvb]

It is still used but there's a conflict with the underlined link effect I used for links so it's not working.