TIP: New messages notification Icon

[Ron]

Hi all,

Here's a simple tip which turns your side column Inbox notification text into a simple new icon that is already built-in to your base theme layout. I just thought this method is more noticeable so I have shared this tip. You don't need to upload any images just insert these few lines or copy and paste the attachment code text below into your custom code box and you're all set.

Sample screen shot:

 

Language Editor Version (with unread count, easy & more integrated)

Go to your Language Editor and search for the keyword 'new'. You can find the target field around mid part of the search result (Page 3) or sample link here: 

http://yournetwork.com/main/language/edit?locale=en_US&q=new&filter=all&page=3

Search for <span %1$s>%2$s</span> new and replace it with:

<span %1$s>%2$s</span> <a class="dy-locked dy-locked-new xj_tooltip"></a>

Hit 'Save' and the new changes should take effect.

Javascript/Custom Code Version (enclose the below with the <script>tags)

1

$(document).ready(function(){ if(x$('.xj_count_unreadMessages').length > 0){

2

x$('.xj_messages_present').html('<a class="dy-locked dy-locked-new xj_tooltip"></a>');

3

}});

 

Javascript version Option:

Latest: With unread messages count (Load time fix)

Choose your version and enjoy!

[Kos]

Outstanding!  Thank you ever SOOO much!

For newbies, I took Ron's attachment above, copied it, added <script> before it and </script> at the end and pasted the entire thing in Custom Code. 

[Ron]

you're welcome Kos, glad it turned out well.

[GrayWitch]

were in custom code above or bottom    as it did not work lol

[Perrie Halpern]

It looks right, but where did you put the coding?

[Kos]

In the Custom Code section

[Perrie Halpern]

Thanx Kos! We must have posted at the same time, because I didn't see your above explanation!

[GrayWitch]

were in if you have other codes it did not work

[Kos]

Top or bottom; doesn't matter but don't forget to wrap it with <script> before it and </script> after.........or it won't work at all.  I haven't tested it across all browsers but I'm using Firefox [fwiw]

[GrayWitch]

did it and tried top and bottom  now work for me grrr wahhhhhhhhhhhhhh

[Kos]

Message me the entire code you're using.  I'll take a look at it.   Wait a minute, do you still have a member pending?  You deleted my request.  *lol*  Create a dummy member to join and see if it works then.  That might be why it's not appearing.  lol

[GrayWitch]

<script>x$('.xj_count_users_approve').append('&nbsp;<a class="dy-locked dy-locked-new xj_tooltip"></a>');<script>

[Kos]

Your <script> at the end needs a slash / before it to close the code.  </script>  Also do you *have* a member pending?  You deleted my request the other day.  You may need to log off and create a dummy applicant otherwise it won't show up anyway.