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!

[classic]

Thank you my friend

[talenttobediscovered]

This is great but I still getting the same as before. when I copy and paste do I need the numbers too? 1,2,3? this is what I am pasting on my  custom code box. Any help :(

1

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

2

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

3

}

[Ron]

Hi talenttobediscovered,

Thanks and no that's just for formatting. You can try the attachment for the ready made version or see here.

Hope that helps.

[talenttobediscovered]

Hi Mr. Ron I click on the here and all I get is a blank page. Nothing else is there another way to get the code? thanks. Good idea! :)

[Ron]

Sure thing here it is:

<script> if(x$('.xj_count_unreadMessages').length > 0){
x$('.xj_messages_present').html('<a class="dy-locked dy-locked-new xj_tooltip"></a>');
} </script>

[talenttobediscovered]

Yeah! Now I got it Thanks you Mr. Ron u Rock ok you now get a free life time membership to my website. :) Really thanks it look great let me know if any other update.

www.TalenttobeDiscovered.com

[Ron]

Sure thing and thanks. There's the Language Editor version now (see updated tip above) which is more integrated but it's new. Let me know if this is much better.

-Ron

[talenttobediscovered]

Thanks Ron

ok... questions what is the Language Editor version.

What can I do with them?

:P Really I am new at this!

[soaringeagle]

theres 2 ways to impliment this 1 uses javascript in the custom code the other uses the languageeditor to edit the text inserting the link class thats used in the dashboard for the new butto  thats next to mobile and other new features

i posted a simular tip a few weeks back using an uploaded animated gif instead   this is a more creative way that i wiuldnt have thought of

to use this go to the language editor for your sites language search for New   theres alot to sort through but find the 1 listed above and edit it with the extra code save

then when u get mail u will see the new

[soaringeagle]

search for this

<span %1$s>%2$s</span> new

 

replace with

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

 

 

[Alliance]

simple and brilliant

[Ron]

thanks Alliance.