Return to Question

Some really old versions used the GPL v3, but a commenter made me realise that was not a great idea:

Some really old versions used the GPL v3, but a commenter made me realise that was not a great idea:

• Change the colour of the bar, and make it float at the top of the viewport or expand to the width of the screen
• Add links to the RHS (between your badge counts and the search box), and change their colour
• lots of other cool stuff that will be implemented sometime in the future

The library itself

• Basic Config
  Buttons to toggle whether the bar is attached to the top of, and/or spans the full width of, the viewport.
• Float by Default
  You want the thing to float? Enable this!
• Meta/Main+Chat Links
  Exactly what it says on the tin. Apparently people liked those links.
• UTC Clock
  Factors in StackExchange.options.serverTimeOffsetSec, so it's actually the official SE server time!

Fully tested in latest Firefox (25 at time of writing); should theoretically work on Chrome.

function with_jQuery(f) {
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.textContent = "(" + f.toString() + ")(jQuery)";
    s.setAttribute('data-with-jquery', '');
    document.head.appendChild(s);
};

with_jQuery(function($) {
  (window.StackExchangeTopbarToolsPluginInit
   = window.StackExchangeTopbarToolsPluginInit
   || []).push(function(tools) {
    
    // Your plugin code goes here
    // You can refer to the library object by the shorthand `tools`
    
  });
  if (typeof StackExchangeTopbarTools === 'object')
    StackExchangeTopbarTools.pluginsReady();
});

^{1 Yes, it's black, but it's actually 20% transparent black, which I consider not-black enough on most SE backgrounds.}

• Change the colour of the bar, and make it float at the top of the viewport or expand to the width of the screen
• Add links to the right side (between your badge counts and the search box), and change their colour
• Give those links (even the default ones) little bubbles like the ones on the left-side icons, to provide notifications of things that need doing
• lots of other cool stuff that will be implemented sometime in the future

The library itself

• Basic Config
  Buttons to toggle whether the bar is attached to the top of, and/or spans the full width of, the viewport.
• Float by Default
  You want the thing to float? Enable this!
• Meta/Main+Chat Links
  Exactly what it says on the tin. Apparently people liked those links.
• UTC Clock
  Factors in StackExchange.options.serverTimeOffsetSec, so it's actually the official SE server time!

Fully tested in latest Firefox (26 at time of writing); should theoretically work on Chrome.

function with_jQuery(f) {
  var s = document.createElement("script");
  s.type = "text/javascript";
  s.textContent = "(" + f.toString() + ")(jQuery)";
  s.setAttribute('data-with-jquery', '');
  document.head.appendChild(s);
}

with_jQuery(function($) {
  (window.StackExchangeTopbarToolsPluginInit
   = window.StackExchangeTopbarToolsPluginInit
   || []).push(function(SETT) {
    
    // Your plugin code goes here
    // You can refer to the library object by the shorthand `SETT`
    
  });
  if (typeof window.StackExchangeTopbarTools === 'object')
    window.StackExchangeTopbarTools.pluginsReady();
});

^{1 Yes, it's black, but it's actually 14% transparent black, which I consider not-black enough on most SE backgrounds.}

• Change the colour of the bar, and make it float at the top of the viewport or expand to the width of the screen
• Add links to the RHS (between your badge counts and the search box)
• lots of other cool stuff that will be implemented sometime in the future

The library itself

• Basic Config
  Buttons to toggle whether the bar is attached to the top of, and/or spans the full width of, the viewport.
• Meta/Main+Chat Links
  Exactly what it says on the tin. Apparently people liked those links.
• UTC Clock
  Never lose track of the official SE time again!

Written in JavaScript, with ample use of jQuery.
Contribute on GitHub!

function with_jQuery(f) {
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.textContent = "(" + f.toString() + ")(jQuery)";
    s.setAttribute('data-with-jquery', '');
    document.head.appendChild(s);
};

with_jQuery(function($) {
  if (typeof StackExchangeTopbarToolsPluginInit === 'undefined')
    StackExchangeTopbarToolsPluginInit = [];
  StackExchangeTopbarToolsPluginInit.push(function(tools) {
    
    // Your plugin code goes here
    // You can refer to the library object by the shorthand `tools`
    
  });
  if (typeof StackExchangeTopbarTools === 'object')
    StackExchangeTopbarTools.pluginsReady();
});

^{1 Yes, it's actually #212121, not #000000.}

• Change the colour of the bar, and make it float at the top of the viewport or expand to the width of the screen
• Add links to the RHS (between your badge counts and the search box), and change their colour
• lots of other cool stuff that will be implemented sometime in the future

The library itself

• Basic Config
  Buttons to toggle whether the bar is attached to the top of, and/or spans the full width of, the viewport.
• Float by Default
  You want the thing to float? Enable this!
• Meta/Main+Chat Links
  Exactly what it says on the tin. Apparently people liked those links.
• UTC Clock
  Factors in StackExchange.options.serverTimeOffsetSec, so it's actually the official SE server time!

Written in JavaScript, with ample use of jQuery.
Contribute on GitHub!

function with_jQuery(f) {
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.textContent = "(" + f.toString() + ")(jQuery)";
    s.setAttribute('data-with-jquery', '');
    document.head.appendChild(s);
};

with_jQuery(function($) {
  (window.StackExchangeTopbarToolsPluginInit
   = window.StackExchangeTopbarToolsPluginInit 
   || []).push(function(tools) {
    
    // Your plugin code goes here
    // You can refer to the library object by the shorthand `tools`
    
  });
  if (typeof StackExchangeTopbarTools === 'object')
    StackExchangeTopbarTools.pluginsReady();
});

^{1 Yes, it's black, but it's actually 20% transparent black, which I consider not-black enough on most SE backgrounds.}