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!

Tags: icon, inbox, language editor, new message, notification icon

Views: 1993

Attachments:

Reply to This

Replies to This Discussion

Thanks for the tip works perfect!

sure thing Braden!

GrayWitch

If you added the / and you have members pending, then I'm stumped.    Could almost use a drink right now *lol*

<script> insert your code </script>

on a side note, I'm not being allowed to reply to your posts.  The choice "Reply" isn't showing.  Strange, huh?

Hey guys,

How are you doing? here's the updated and language editor version only, for the Pending Approval new icon.

I hope you like it.

Good Day.

personally I like the "NEW" with out the the count.

Ning should work this in on their end

actualy it is worked in on their end its used in the dashboard for new items like the mobile site this just re-uses it in a new way

its like i used the featured photos slideshow as the header background on  www.dreadlockssite.com/main  just using a built in feature in a new way

I'm aware they use it in the dashboard I meant they should work it on their side into the Inbox too.

I try to run the least amount of costume code possible, I like to keep my load time under 2sec (Post Glam / 1sec pre Glam) and page size under 1mb.

dont use the custom code version use the m=language editor version

that's what I ended up doing

Me to

thank you very much

Thanks for the Example Above, We need something to indicate homany memebrs are online at any current time - as not all members use the chat function, yet Admins must see who is online at any given times Kindly ..

Thanks

RSS

Latest Activity

Kos replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"hahaha it's just not my day. hahahaha"
1 hour ago
soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
".button.button-iconic {  background-color: red !important;} i sweatr that should work "
2 hours ago
Kos replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"It just hates me; pure and simple.  lol"
2 hours ago
Kos replied to Suzie Nielsen's discussion 'quick question'
"You need to have Excel.  Do you have another member you could grant access to it?   …"
2 hours ago
Suzie Nielsen replied to Suzie Nielsen's discussion 'quick question'
"Thanks, I guess I do not have a program to open this CSV thingy... tried but it looks complicated…"
3 hours ago
soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"try adding !important"
3 hours ago
Kos replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"(lowers head) don't hate me...........it didn't work either.  *lol* That grey box is…"
3 hours ago
soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
".button.button-iconic {background-color:red;} change color  to anything "
3 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service