☰

Put left-aligned links to Private Messages and Subscriptions on the navbar (red bubbles)

Red notification bubbles. See "Author's Description" to see what else this gives you!

  1. // ==UserScript==
  2. // @name Put left-aligned links to Private Messages and Subscriptions on the navbar (red bubbles)
  3. // @description Red notification bubbles. See "Author's Description" to see what else this gives you!
  4. // @namespace none
  5. // @include http://www.overclock.net/*
  6. // @version Version 1.0
  7. // @grant none
  8. // @require http://code.jquery.com/jquery-1.6.4.js
  9. // ==/UserScript==
  10.   
  11. (function () {
  12.   
  13.   /*----PUT "View All Drafts" ON YOUR PROFILE MENU-----*/
  14.   $('<li/>') .append($('<a/>', {
  15.     text: 'View All Drafts',
  16.     href: 'http://www.overclock.net/draft'
  17.   })) .insertBefore($('.profile .menu .prefs'));
  18.   
  19.   
  20.    /*-----PUT "Edit Signature" ON YOUR PROFILE MENU-----*/
  21.   var userData = $('.profile .user-avatar a') .attr('href') .split('/');
  22.   var userId = userData[2];
  23.   var userName = userData[3];
  24.   var plText = '';
  25.   var plUrl = '';
  26.   plText = 'Edit Signature'.replace('{{username}}', userName) .replace('{{userid}}', userId);
  27.   plUrl = 'http://www.overclock.net/users/signature/edit_signature/user_id/{{userid}}'.replace('{{username}}', userName) .replace('{{userid}}', userId);
  28.   $('<li/>') .append($('<a/>', {
  29.     text: plText,
  30.     href: plUrl,
  31.     target: '_self'
  32.   })) .insertAfter($('.profile .menu .threads-started'));
  33.    /*-----HIGH-RESOLUTION AVATAR ON THE NAVBAR-----*/
  34.   var highres = $('.ui-header-fixed li.profile .user-avatar img') .attr('src') .replace('32x32px-LL', '120x120px-LS');
  35.   $('.ui-header-fixed li.profile .user-avatar img') .attr('src', highres);
  36.  
  37.   
  38.   /*-----CORRECT THE CAPITALIZATION OF YOUR USERNAME ON YOUR PROFILE MENU-----*/
  39.   $('.profile .menu .username a') .text($('#loggedin-username') .text());
  40.   
  41.     /*-----CHANGE "Logout" ON PROFILE MENU TO "Log Out"-----*/
  42.   $('.profile .menu .logout a') .text('Log Out');
  43.  
  44.    /*-----PUT "Private Messages" AND "Subscriptions" ON THE NAVBAR-----*/
  45. $("<style type='text/css'>.jlink { font-size: 12px; display: block !important; height: 18px !important; color: #FFFFFF !important; text-align: left !important; } .jncontainer { position: absolute; right: 48px; display: inline-block; top: 27px; width: 124px; } .jcounter { background-color: #B84300; color: #FFFFFF; font-weight: bold;  display: inline-block; height: 15px; min-width: 18px; text-align: center; font-size: 10px; line-height: 14px; border-radius: 2px; margin-right: 5px; font-family: Verdana; .jpadder { display: inline-block; height: 15px; min-width: 18px; text-align: center; font-size: 10px; line-height: 14px; border-radius: 2px; margin-right: 5px; background-color: transparent; font-family: Verdana; } .jpadder, .jcounter { float: right !important; margin-top: 0px; margin-left: 3px; text-indent: -1px; } .fixed-scroll-breakpoint .jncontainer { top: 8px; } .ui-header-fixed li.profile .user-avatar .notification-counter, .ui-header-fixed ul#main-nav li.messages, .ui-header-fixed ul#main-nav li.subscriptions { display:none; } .search-bar-outer, .ui-header-fixed ul#main-nav .search > a { right:165px !important; } </style>").appendTo("head");
  46.   
  47.   var privateMessagesCount = $('.messages .notification-counter') .first() .text() .replace(/s+/, '');
  48.   var subscriptionsCount = $('.subscriptions .notification-counter') .first() .text() .replace(/s+/, '');
  49.   var notificationModule = $('<li/>', {
  50.     class: 'jncontainer',
  51.   });
  52.   var msgText = privateMessagesCount == 1 ? 'New Message ' : privateMessagesCount < 1 ? 'Private Messages ' : 'New Messages ';
  53.   var messagesContainer = $('<a/>', {
  54.     href: 'http://www.overclock.net/messages',
  55.     text: msgText,
  56.     class: 'jlink',
  57.   });
  58.   var messagesCounter = $('<span/>', {
  59.     text: privateMessagesCount,
  60.     class: 'jcounter'
  61.   });
  62.   var subsContainer = $('<a/>', {
  63.     href: 'http://www.overclock.net/users/subscriptions/',
  64.     text: 'Subscriptions',
  65.     class: 'jlink',
  66.   });
  67.   var subsCounter = $('<span/>', {
  68.     text: subscriptionsCount,
  69.     class: 'jcounter'
  70.   });
  71.   if (privateMessagesCount > 0) messagesContainer.append(messagesCounter);
  72.    else messagesContainer.append($('<span/>', {
  73.     class: 'jpadder',
  74.     text: ''
  75.   }));
  76.   if (subscriptionsCount > 0) subsContainer.append(subsCounter);
  77.    else subsContainer.append($('<span/>', {
  78.     class: 'jpadder',
  79.     text: ''
  80.   }));
  81.   notificationModule.append(messagesContainer);
  82.   notificationModule.append(subsContainer);
  83.   notificationModule.insertBefore($('#main-nav .profile'));
  84. }) ();