The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Changing Background of New Messages Link

View previous topic View next topic Go down

Solved Changing Background of New Messages Link

Post by Mike on Mon 15 Jun - 23:36

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?


Last edited by Mike on Tue 16 Jun - 17:58; edited 1 time in total
avatar
Mike
Hyperactive

Male Posts : 4242
Reputation : 467
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Changing Background of New Messages Link

Post by brandon_g on Tue 16 Jun - 1:00

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


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 5733
Reputation : 526
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Changing Background of New Messages Link

Post by Mike on Tue 16 Jun - 1:09

Standard Text Navigation.
avatar
Mike
Hyperactive

Male Posts : 4242
Reputation : 467
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Changing Background of New Messages Link

Post by brandon_g on Tue 16 Jun - 1:12

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


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 5733
Reputation : 526
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Changing Background of New Messages Link

Post by Mike on Tue 16 Jun - 1:34

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

Thanks I wouldn't have guessed.... Very good Very good Very good

avatar
Mike
Hyperactive

Male Posts : 4242
Reputation : 467
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Changing Background of New Messages Link

Post by Ange Tuteur on Tue 16 Jun - 12:02

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;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13153
Reputation : 2841
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Changing Background of New Messages Link

Post by Mike on Tue 16 Jun - 17:57

@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!
avatar
Mike
Hyperactive

Male Posts : 4242
Reputation : 467
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Changing Background of New Messages Link

Post by Ange Tuteur on Tue 16 Jun - 18:43

You're welcome ^^

Topic archived

Have a nice day. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13153
Reputation : 2841
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum