I have already done this customization for one clients with online user display widgets. So concept was as below
Widget display Online / Offline status with color change
Instead of mouse hover when user right click on user's avatar or name it will show jQuery context menu with links of user profile, private message
Where user also can direct click on avatar or username to go to user page.
-- Actually right click menu was client requirement. check below image
But I like the look and feel of your reference links. That looks more fancy. Notificatio bar looks cool.. Thanks for sharing.