Changing Background of New Messages Link

I'm working on a really advanced theme design for forumotion, and there's one thing I can't figure out!

I'm trying to get the link on the navigation bar to have a background color on it when there's a new private message.

Is there a simple(ish) way to do this?

Are you trying to use picture based navigation bars, or the standard?

Standard Text Navigation.

Not sure if it's possible to modify that. Though if it is, it would probably be with CSS.

brandon_g wrote:Not sure if it's possible to modify that. Though if it is, it would probably be with CSS.

Thanks I wouldn't have guessed....

Hi @Mike,

You're using PunBB, correct ? Unfortunately that version lacks the .new-message classname for the link, like in phpbb3. You can however, add this class using JavaScript.
Modules > JavaScript codes management > new script

Placement : In all the pages

Code:

$(function() {
  var pm = document.getElementById('i_icon_mini_new_message'); // find the new message node
 
  // check existence before testing the parent node for digits
  if (pm && /\d+/.test(pm.parentNode.innerHTML)) {
    pm.parentNode.className += ' new-message'; // add a new classname to the link
  }
});

After this, you should be able to use CSS to style the link.

Code:

a.new-message {
  color:#F60 !important;
}

Ange Tuteur wrote:Hi @Mike,

You're using PunBB, correct ? Unfortunately that version lacks the .new-message classname for the link, like in phpbb3. You can however, add this class using JavaScript.
Modules > JavaScript codes management > new script

Placement : In all the pages

Code:

$(function() {
  var pm = document.getElementById('i_icon_mini_new_message'); // find the new message node
 
  // check existence before testing the parent node for digits
  if (pm && /\d+/.test(pm.parentNode.innerHTML)) {
    pm.parentNode.className += ' new-message'; // add a new classname to the link
  }
});

After this, you should be able to use CSS to style the link.

Code:

a.new-message {
  color:#F60 !important;
}

You are amazing. Thank you so much!

You're welcome ^^

Topic archived

Have a nice day.