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!

[talenttobediscovered]

I have try but all I get is a blank page when I ckick on it.

[SweetPotato]

They've put it on Creators. Nice one.
Although, sadly, now I've seen it in action, I prefer to see how many messages I have unread :-(

[Ron]

Thanks SP. I prefer it be simple and to just know that I have new messages because I'm going to read them all anyway ;-) that's me-

Yes sure thing, try the attached code if you prefer to place the number of unread messages.

I will have this option updated with this request.

cheers.

[SweetPotato]

cheers Ron, appreciate the effort to amend. i should have said that I posted something like this a few months back. It was css based, and rather more long-winded than your code, but i have that in use right now. I'll bookmark this and come back to it if needed.

thanks again

SP

[Ron]

No problem. Yes, I know and that looks good as well. I just keep noticing that new icon on the manage area so it got my attention and I thought why not put it in good "reuse", so here's my tip.. :-D

You're welcome and Good day.

[Scott McKee]

Love it!  Thanks!

[classic]

Thank you my friend
This is beautiful
Is it possible to put pictures   rave is a second picture?

[Ron]

you're welcome and thank you my friend. Yes it is possible. pm me the image--

[classic]

This is 

[Ron]

Ok. Just replace the <a href... up to <a/> with <img src="http://api.ning.com/files/A1s0dQf7WLxkpzVq0X9AMhIix-ps6xAj8Og9K2sWH...">

[classic]

I did not understand me as possible put the entire code?

[Ron]

Here it is my friend (See attachment below)